vue-cli创建项目

vue create vue-test


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

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

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

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


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。