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
后期创建选择之前的配置选项就好