Vue-cli3.0脚手架安装及基本项目搭建

 1.下载node最新稳定版本，并且安装

2.安装好之后，在cmd或者terminal下， 使用npm -v 查看当前npm版本，验证是否安装成功

3.安装成功后，运行 npm i -g @vue/cli 来安装 vue3.0脚手架。安装成功后使用 vue -V查看当前版本，验证是否安装成功

4.vue-cli搭建基础项目： 以搭建一个项目名称为vue-test的vue前端项目为例

5.在终端下输入以下命令

vue create vue-test

6.根据提示进行相应的配置，选取必要的模块

7.选择项目需要的一些特性（此处我们选择需要Babel编译、使用Vue路由、Vue状态管理器、CSS预处理器、代码检测和格式化）

8.选择路由模式，在这里我们选择兼容性比较好的哈希模式

9.选择css预处理语言，在这里我们选择兼容广泛的stylus

10.选择ESlint代码规范，此处使用standard代码规范

11.选择何时启用lint格式化，在这里我们选择保存的时候

12.配置信息分开保存还是单独一个文件保存，我们选择分开保存

13.是否将当前设置作为预设，选择否

14.项目生成中

15.配置完成后Vue-cli完成初始化

16.初始化完成后，根据提示进入到vue-test项目中，并启动项目

17.// 进入到vue-test项目cd vue-test// - 启动服务npm run serve// - 打包编译npm run build