vue实战开发003:详解vue-cli 3.0项目搭建

1、将node所在目录配置到电脑的环境变量中就可以使用了，这里我的目录是D:\Program Files\node-v10.8.0-win-x86，这里我们只要打开电脑-属性-系统设定-进阶-环境变量中奖该路径添加到path中即可，快捷键“win+r”打开运行框，输入cmd在弹出的窗口中输入node -v检查node.js是否安装成功。

3、现在我们可以开始来搭建vue-cli 3.0环境了，输入命令：npm install -g @vue/cli 安装vue3.0（-g： 指全局安装）,快捷键“win+r”打开运行框，输入cmd在弹出的窗口中输入vue -V（大写的V哦）来检查vue是否安装成功。

5、进入下一个安装配置选择，烂瘀佐栾这里根据项目情况自行选择配置，按上下键切换目标选项，按空格键勾选和取消，按a全选，按i反选，碚枞凇悄选好后回车确定（以下是几个选项的相关意义），图中是我的选择。Babel：指转译成浏览器可识别的语言，可以让你的项目支持更新的语法，如es6\es7等TypeScript：新增的选项卡Progressive Web App (PWA) Support：指模拟原生appRouter：路由管理Vuex：vuex管理模式CSS Pre-processors：css预处理语言Linter / Formatter：代码规范Unit Testing：组件单元测试E2E Testing：端对端测试，模拟用户真实场景

7、选择ESLint的代艨位雅剖码规范，此处使用 Standard代码规范，这里我选择了ESLint + Sta荏鱿胫协ndard config（正常模式）ESLint with error prevention only: 只进行报错提醒；ESLint + Airbnb conf: 不严谨模式；ESLint + Standard config: 正常模式；ESLint + Prettier: 严格模式；

9、接着选择单元测试解决方案，这里选择 我Jest

11、接着提示是否在以后的项目中使用以上配置，这里我们选择no，下次自行配置，你也可以选择yes.