创建项目
创建一个vueProjects文件夹，用于存放vue项目,并使用vscode打开,在终端中采用命令行创建项目。
1.PNG
终端中输入下列命令创建hello项目
//创建hello项目
vue create hello
进入配置页面
2.PNG
- 用上下箭头按键选择"Manually select features"，回车进入项目预设选项页面，上下箭头按键选择要选择的选项，空格用于设定选项是否选中，按图示选择后回车完成选项选择。
3.PNG
- 配置router是否开启history模式，选择Y，路径中会取消"#"，这里输入Y回车。
4.PNG
- 配置css预编译工具，可以根据自己使用习惯选择，这里我选择"Sass/SCSS(with node-sass)"，然后回车。
5.PNG
- 配置语法检查以及代码格式化工具，可以选择默认"ESLint with error prevention only",这里我选择"ESLint + Prettier"
6.PNG
- 保存文件时是否进行语法检查，这里选择"Lint on save"
7.PNG
- Babel,ESLint等配置文件是独立存放还是包含在package.json文件中？这里建议选择独立的配置文件
8.PNG
- 询问此次配置选项是否要存储起来供后续项目使用？这里选择Y，这样以后再开发新项目时就可以省去繁琐的配置过程了。
9.PNG
给配置起个名字，这里我输入"shiyan",以后再新建项目时，直接选择"shiyan(node-sass,babel,router,vuex,eslint)"就可以直接创建项目了。
至此项目创建完成，按终端提示操作，即可运行项目
10.PNG
