【Vue】自定义cli模板

【Vue】自定义cli模板_第1张图片
微信订阅号:Rabbit_svip



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

本节目录

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




1、创建项目

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

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


【Vue】自定义cli模板_第2张图片
微信订阅号:Rabbit_svip



按下回车,进入下一步

【Vue】自定义cli模板_第3张图片
微信订阅号:Rabbit_svip


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

这里需要选择第二项。


【Vue】自定义cli模板_第4张图片
微信订阅号:Rabbit_svip


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

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

【Vue】自定义cli模板_第5张图片
微信订阅号:Rabbit_svip


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


【Vue】自定义cli模板_第6张图片
微信订阅号:Rabbit_svip


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

【Vue】自定义cli模板_第7张图片
微信订阅号:Rabbit_svip





2、删除模板选项

Windows版

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

【Vue】自定义cli模板_第8张图片
微信订阅号:Rabbit_svip


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

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

用编辑器打开它。

【Vue】自定义cli模板_第9张图片
微信订阅号:Rabbit_svip
【Vue】自定义cli模板_第10张图片
微信订阅号:Rabbit_svip


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

【Vue】自定义cli模板_第11张图片
微信订阅号:Rabbit_svip


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

【Vue】自定义cli模板_第12张图片
微信订阅号:Rabbit_svip




Mac版

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

【Vue】自定义cli模板_第13张图片
微信订阅号:Rabbit_svip
【Vue】自定义cli模板_第14张图片
微信订阅号:Rabbit_svip


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

【Vue】自定义cli模板_第15张图片
微信订阅号:Rabbit_svip
【Vue】自定义cli模板_第16张图片
微信订阅号:Rabbit_svip


剩下的操作和Windows版相同。

你可能感兴趣的:(【Vue】自定义cli模板)