vue-cli创建项目

vue create vue-test

第一个是我第一次创建的记录,方便第二次默认创建

default (babel, eslint) 默认套餐，提供 babel 和 eslint 支持。

Manually select features 自己去选择需要的功能，提供更多的特性选择。比如如果想要支持 TypeScript ，就应该选择这一项。

使用上下方向键来选择需要的选项

使用manually来创建项目,选中之后会出现以下画面

依然是上下键选择,空格键选中

对于每一项的功能，此处做个简单描述：

Babel是一个javascript编译器

TypeScript 支持使用 TypeScript 书写源码。

Progressive Web App (PWA) Support PWA 支持。

Router 支持 vue-router 。

Vuex 支持 vuex 。

CSS Pre-processors 支持 CSS 预处理器。

Linter / Formatter 支持代码风格检查和格式化。

Unit Testing 支持单元测试。

E2E Testing 支持 E2E 测试。

一般选择

◉ Babel

◉ Router

◉ Vuex

◉ CSS Pre-processors

❯◉ Unit Testing

回车后是否使用路由的history模式：

输入y回车之后让选择css处理器

选择第二个SCSS/SASS作为我们的CSS预处理器。

完成后项目会帮我们自动安装sass-loader 以及 node-sass依赖。

选择单元测试,这个我不懂,随便先选个jest

配置文件存放的地方,选择package.json

是否保存这次配置,方便下次直接使用,一般都是选择Y

配置完成之后就开始创建一个初始项目了

启动

cd vue-learn

npm run serve

后期创建选择之前的配置选项就好