vue-cli 脚手架搭建项目

1.在命令行全局安装安装vue-cli 3.0

npm install -g @vue/cli
# or
yarn global add @vue/cli

2.安装vue-cli 3.0之后开始搭建脚手架项目

vue create .  //在当前项目里面建项目

2-1：是否在当前页建立项目，按yes,回车

2-2:按键盘上（下）键，选择第二项，按回车。如果之前选择保存过就不需要了

2-3：把这些带有（*）的插件安装在你的项目当中，通过按键盘下建，选中，然后按空格件就可以选好你要的插件，然后按回车。其中Linter / Formatter 是es6的检查语法，根据个人需要来下载，避免造成在代码执行过程中造成不必要的麻烦

2-4：是否采用最新的路由模式，按no，如果按yes,那么就要更改配置项，然后回车。

2-5：然后让选一个css预处理器，这时可以选第一个，也可以选第二个，如果选择第二个node-sass安装,对于网络不好的同学，可能就翻墙去安装了，再或者通过淘宝镜像cnpm i node-sass -D进行安装，根据个人需要进行选择。这时候我选择第一个，然后回车

2-6：因为在前面2-3的时候选择了Linter / Formatter 是es6的检查语法，所以现在要选择Linter / Formatter的配置，在这里就选择标准的配置，然后回车

2-7：第一项就是每次保存代码的时候会自动帮我们检测，默认选中的，第二项提交的代码的时候会自动修复，所以两项都选。

2-8：前面选各种插件，要放在config files 还是放在package.json里面，默认选择第一项

2-9：保存这些预设是否为将来的项目可用，这时候选择yes

2-10:请你保存预设的名字，如果这里不保存的话，后续创建脚手架项目还是一步一步的进行，所以保存预设名字：vue-lint-pro.后续看到这个vue-lint-pro直接就可以安装项目了，然后回车

2-11.最后项目安装完成

3.输入yarn serve启动

4.默认的端口号8080，然后按ctrl+鼠标单击http：//local host：8080就可以进入Vue.js App