vue-cli 配置及项目创建

vue-cli 配置及项目创建

一、vue-cli 配置

1. nodejs 版本要求
   Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。
   nodejs官网地址：https://nodejs.org/en/

2. 卸载 vue-cli 旧版本，（如果之前未安装过旧版本，可忽略此步）；

   npm uninstall vue-cli -g 
   
   或 
   
   yarn global remove vue-cli 
   

3. 安装 vue-cli新版本，目前安装的版本为 4.x ，即为最新的；

   npm install -g @vue/cli
   或
   yarn global add @vue/cli
   

4. 验证是否安装成功，如果出现版本号即为安装成功

   vue --version
   

二、vue-cli 创建项目

1. 打开命令行，使用指令创建项目：

   vue create vue-cli-demo
   

2. 选择手动配置，如下图步骤：（最好不使用默认配置）
   
3. 根据需要选择配置项目；（使用箭头上下键切换、空格键选中或取消）
   
4. 选择将配置文件是放在专用配置文件中，还是放在package.json文件中；（根据个人习惯选择，笔者选择前者）
   
5. 将此保存为将来项目的预设；（选择默认设置）
   
6. 等待安装成功；
   
7. 验证安装成功：进入项目，并运行项目；

   cd vue-cli-demo
   npm run serve
   

8. 在浏览器中打开，出现下面的界面，证明创建成功。