vue-cli离线初始化项目

公司内网环境,无法访问互联网,无法正常使用vue-cli生成项目。

每次生成新项目都是复制之前的项目然后再修改,或者在外网环境初始化好后,再导入内网环境进行开发,非常影响开发效率。

然后开始研究离线生成项目的方法,最后成功。

下载模板

从 https://github.com/vuejs-templates/wepack 下载webpack模板文件:

vue-cli离线初始化项目_第1张图片

然后在路径:C:\Users\用户名\ 下创建 .vue-templates 文件夹,将模板文件解压至文件夹中:

vue-cli离线初始化项目_第2张图片
执行初始化项目命令:

vue init webpack <project_name> --offline

会自动查找路径:C:\Users\用户名.vue-templates 文件夹下的webpak模板生成项目。

自定义目录

将模板放到任意路径下,执行如下命令:

vue init E:\zq_work\tools\vue-templates\webpack <project_name>

会查找路径:E:\zq_work\tools\vue-templates\webpack 的模板文件生成项目。

以上就是如何在离线环境下,使用vue-cli初始化vue项目。

可以按自己的需求来修改模板配置,就不用每次新建项目后,重复修改webpack配置信息,和其他优化操作

你可能感兴趣的:(vue,vue.js,vue-cli,离线生成项目,内网,vue项目模板)