《实战：如何搭建一个完整的 Vue2.0 项目》- 1、构建项目

这是新环境下重新创建的项目

《实战：如何搭建一个完整的 Vue2.0 项目》- 1、构建项目(基于 Vue2.6.14)

环境版本

• @vue/cli 4.5.12
• node 14.15.4
• npm 6.14.10

1、命令

vue create webapp

webapp 为项目名，可自定义；选择手动配置 Manually select features；

2、回车进入配置选项，键盘的上下箭头键用于选择，空格键用于确定和取消勾选。这里多选了 Router和CSS Pre-processors，其它是默认勾选；

3、回车继续配置，这里选择 Vue 2.X 版；

4、回车继续，CSS 预处理，这里选择 Stylus；

5、回车继续，下面都是默认选择，直接回车即可；

• Pick a linter / formatter config：选择Eslint代码验证规则，这里选择 ESLint with error prevention only（仅错误预防）；
• Pick additional lint features：选择什么时候进行代码规则检测，这里选择 Lint on save （保存时检测）；
• Where do you prefer placing config for Babel, ESLint, etc.?：您希望Babel, ESLint 配置的存放位置，这里选择 In dedicated config files（在专用的配置文件中）；
• Save this as a preset for future projects?(y/N) ：是否保存配置 ，如果选择 Y ，保存后下次构建项目的时候就可以直用这次的配置构建项目）。这里选择 N；

6、回车后开始构建，成功后会出现如下提示：

7、根据提示命令，切换到 webapp 目录下。启动项目后，打开如下页面就表示成功了！！！