vue项目实战02-使用vue-cli4创建vue工程(win10环境)

创建项目

1. 创建一个vueProjects文件夹，用于存放vue项目,并使用vscode打开,在终端中采用命令行创建项目。

   
   
   1.PNG

终端中输入下列命令创建hello项目

//创建hello项目
vue create hello

2. 进入配置页面

   
   
   2.PNG

3. 用上下箭头按键选择"Manually select features"，回车进入项目预设选项页面，上下箭头按键选择要选择的选项，空格用于设定选项是否选中，按图示选择后回车完成选项选择。
   3.PNG

4. 配置router是否开启history模式，选择Y，路径中会取消"#"，这里输入Y回车。
   4.PNG

5. 配置css预编译工具，可以根据自己使用习惯选择，这里我选择"Sass/SCSS(with node-sass)"，然后回车。
   5.PNG

6. 配置语法检查以及代码格式化工具，可以选择默认"ESLint with error prevention only",这里我选择"ESLint + Prettier"
   6.PNG

7. 保存文件时是否进行语法检查，这里选择"Lint on save"
   7.PNG

8. Babel,ESLint等配置文件是独立存放还是包含在package.json文件中？这里建议选择独立的配置文件
   8.PNG

9. 询问此次配置选项是否要存储起来供后续项目使用？这里选择Y，这样以后再开发新项目时就可以省去繁琐的配置过程了。
   9.PNG

10. 给配置起个名字，这里我输入"shiyan",以后再新建项目时，直接选择"shiyan(node-sass,babel,router,vuex,eslint)"就可以直接创建项目了。
    

    至此项目创建完成，按终端提示操作，即可运行项目
    10.PNG