【Vue】自定义cli模板

《【Vue】自定义cli模板》 微信订阅号:Rabbit_svip

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

本节目录

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

1、创建项目

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

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

《【Vue】自定义cli模板》 微信订阅号:Rabbit_svip

按下回车,进入下一步

《【Vue】自定义cli模板》 微信订阅号:Rabbit_svip

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

这里需要选择第二项。

《【Vue】自定义cli模板》 微信订阅号:Rabbit_svip

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

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

《【Vue】自定义cli模板》 微信订阅号:Rabbit_svip

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

《【Vue】自定义cli模板》 微信订阅号:Rabbit_svip

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

《【Vue】自定义cli模板》 微信订阅号:Rabbit_svip

2、删除模板选项

Windows版

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

《【Vue】自定义cli模板》 微信订阅号:Rabbit_svip

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

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

用编辑器打开它。

《【Vue】自定义cli模板》 微信订阅号:Rabbit_svip
《【Vue】自定义cli模板》 微信订阅号:Rabbit_svip

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

《【Vue】自定义cli模板》 微信订阅号:Rabbit_svip

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

《【Vue】自定义cli模板》 微信订阅号:Rabbit_svip

Mac版

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

《【Vue】自定义cli模板》 微信订阅号:Rabbit_svip
《【Vue】自定义cli模板》 微信订阅号:Rabbit_svip

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

《【Vue】自定义cli模板》 微信订阅号:Rabbit_svip
《【Vue】自定义cli模板》 微信订阅号:Rabbit_svip

剩下的操作和Windows版相同。

    原文作者:Rabbit_svip
    原文地址: https://www.jianshu.com/p/8082b3d64911
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞