【Vue】自定义cli模板

微信订阅号：Rabbit_svip

在创建vue模板的时候，可以自定义所需模块。
还可以把常用模块的选项保存好，以便下次创建新模板的时候能直接使用。

本节目录

1. 创建项目，保存模板选项
2. 删除模板选项

---

1、创建项目

详情可以查看【Vue-cli 3.x】创建vue项目

以下创建操作Windows和Mac一样。

微信订阅号：Rabbit_svip

按下回车，进入下一步

微信订阅号：Rabbit_svip

可以看到，这里有两个选项
default是默认选项，里面包含babel和eslint
Manually select features是自定义。

这里需要选择第二项。

微信订阅号：Rabbit_svip

按上下尖头，指向所需要的模块，按下空格键选中（前面有个绿色点代表选中）

选完之后，按下回车键。然后一路根据所需进行配置。

微信订阅号：Rabbit_svip

直到出现红框所示内容，输入“y”。

微信订阅号：Rabbit_svip

这样就把模板保存好了。
下次需要创建项目的时候就能直接选择上次使用过的模板选项了。

微信订阅号：Rabbit_svip

---

2、删除模板选项

Windows版

这里保存过一个模板名为：router-demo。

微信订阅号：Rabbit_svip

首先找到保存模板信息的文件（.vuerc)。
C:\Users\Administrator

在这个路径下，可以看到一个叫：.vuerc 的文件。
.vuerc是一个隐藏文件，不知道怎么查看隐藏文件的请自行百度。

用编辑器打开它。

微信订阅号：Rabbit_svip 微信订阅号：Rabbit_svip

要删除这个模板，把里面的内容全部删掉，最后留下一对花括号就行了（记得保存）。

微信订阅号：Rabbit_svip

当再次创建项目的时候，之前保存的模板就没了。

微信订阅号：Rabbit_svip

Mac版

首先在“偏好设置”里面把当前用户的文件夹显示出来。

微信订阅号：Rabbit_svip 微信订阅号：Rabbit_svip

然后根据下图说明操作就能找到 .vuerc文件。
在Mac上要显示默认文件，需要按快捷键：command + shift + .

微信订阅号：Rabbit_svip 微信订阅号：Rabbit_svip

剩下的操作和Windows版相同。