第三十九章 基于VueCli自定义创建项目

目录

1. 选择创建模式

2. 选择需要的功能

3. 选择历史模式还是哈希模式

​4.CSS预处理器

5. 选择ESLint规则

6. 开始创建项目 

​7. 自定义项目最终结构


1. 选择创建模式

输入创建的项目名,创建项目:

这里选择自定义模式:

2. 选择需要的功能

空格键代表选择/取消选择

 ◉ Babel 语法降级
 ◯ TypeScript  是 JavaScript 的超集,扩展了 JavaScript 的语法
 ◯ Progressive Web App (PWA) Support
 ◉ Router 路由
 ◯ Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库
 ◉ CSS Pre-processors CSS预处理器是一种工具,可以拓展CSS语言,并添加更多的功能和特性
 ◉ Linter / Formatter 代码规范ESLint
 ◯ Unit Testing

3. 选择历史模式还是哈希模式

历史模式的话访问路径上 / 代替 # 

4.CSS预处理器

这里选择Less

5. 选择ESLint规则

这里选择无分号规则,目前最流行的规范

 选择保存时校验:

将配置文件放在单独的文件中: 

 不将这个功能配置作为将来的项目中:

6. 开始创建项目 

 7. 自定义项目最终结构

 

上一篇:反射API中的`getMethod`和`invoke`反射在测试中的应用?