web前端;vue3;node.js;vue3项目搭建;
宋天*
vue3;node.js
项目描述
要介绍vue3.0 项目搭建和启动流程
上传时间
2023.06.27
浏览人数
337人
宋天*
山东省济宁市鱼台县
Hot:2257
一、简介
Vue 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。
二、搭建准备
1. 准备条件 :
安装最新版本的 Node.js
下载地址：https://nodejs.org/en
2. 检查 Node 版本 ：
打开 cmd 输入 node -V 检查一下我们是否安装成功。 出现版本号说明安装成功
三、搭建
1. 配置 npm 国内镜像 ：
在用Vue.js构建大型应用的时候使用npm安装方法会比较慢，所以为了提高效率,可以使用淘宝的cnpm镜像来安装vue。
进入WebStorm(选择自己建的文件夹打开,以下操作全在此基础上完成) 打开 Terminal 输入下面的指令
npm config set registry https://registry.npm.taobao.org
2. 安装 vue 最新脚手架 ：
3. 检查 vue 版本 ：
输入 vue -V 检查一下我们是否安装成功。 vue -V版本不能过低
4. 创建项目 ：
vue create 【项目名】（注意：项目名称字母小写，大写会报错）
5. 可以选择默认的配置，也可以 根据自己需求手动设置配置 ：
选择 Manually select features 手动选择功能。
空格 键选中我们需要的配置选项，Enter 键下一步 。
选择 3.x 版本 。
Use history mode for router? 路由器使用历史记录模式? 项目需要什么特性就选什么，这里选 n ， Enter 键下一 步 。
选择 Sass / SCSS ( with dart-sass ) 。
选择 ESLint with error prevention only 。
选择 Lint on save 。
选择 In dedicated config files
Save this as a preset for future projects? 是否将其保存为将来项目的预设？y 或 n 看个人需求 这里选择 n
直接按 Enter 键下一步 。
四、启动
1. 进入项目目录 ：
2. 进入目录后，启动项目 ：
3. 出现 DONE Compiled successfully 表示项目启动成功。
关于 vue3.0 脚手架项目创建步骤就介绍到这里了！
宋天*
