vue-自定义创建项目

目录

自定义创建项目

1.创建项目

2.选择自定义

3.添加特性

4.选择版本

5.路由是否设置为历史模式

6.预处理器选择less

7.选择eslint规范

8.选择校验时期-保存时校验

9.选择配置文件存放的位置-存放在单独文件中

​编辑

10.选择是否保存上面这些操作

---

在vue的学习中，存在着一个痛点，就是路由的基本配置项很多，如果我们每次创建一个项目，都要自己去安装vue-Router、导入vue-Router、创建对应的文件。可见，整个默认初始化的架子，搭建起来很麻烦。

所以，现在需要一个方案，一次性的在创建项目的时候，就把路由架子搭建起来。而这个方案，就是自定义创建项目

自定义创建项目

1.创建项目

2.选择自定义

3.添加特性

空格就是选中，再按一次空格就是取消

Babel语法降级（或称为“编译”）指的是将现代JavaScript语法和特性转换为与较旧浏览器兼容的等效代码的过程。由于不是所有浏览器都支持最新的JavaScript标准，所以需要使用Babel将代码转换成较旧的JavaScript版本，以确保在各种环境中都能正常运行。

4.选择版本

5.路由是否设置为历史模式

历史模式就是路由的路径不带#号，哈希模式就是路由的路径带#号，默认是哈希模式。配置方式：在路由的index配置文件中：

6.预处理器选择less

7.选择eslint规范

第三个是目前最流行的一个规范

8.选择校验时期-保存时校验

9.选择配置文件存放的位置-存放在单独文件中

放单独的文件中，在将来会方便管理

10.选择是否保存上面这些操作

如果选择是，则将来自定义项目时，不需要在重新配置，再做一遍上面的步骤。否则，将来自定义项目时，需要重新再做一遍上面的步骤