第三十九章 基于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. 自定义项目最终结构