解决vue init webpack报错

本文最后更新于:2 年前

解决 vue init webpack 报错,直接使用vue init webpack test 会报错,错误信息如下:

1
vue-cli · Failed to download repo vuejs-templates/webpack: connect ETIMEDOUT xxx:443

通过 vue-cli 工具命令 vue init webpack vuedemo 创建 vue 项目的时候报错,提示连接超时,应该是下载某个 package 的时候,需要翻墙,导致出现连接超时
[

](https://github.com/vuejs-templates/webpack)
解决办法是改为离线创建,我们需要下载 github 仓库中的 vue-templates/webpack,然后解压到本地。下载地址为:https://github.com/vuejs-templates/webpack,下载之后,解压到本地用户目录下创建.vue-templates 文件夹

下载之后的压缩包为 webpack-develop.zip,我们解压之后,需要更改目录名为 webpack。用户目录下的目录为.vue-templates,注意文件夹名称前面的点(.)。
以我的为例将 webpack 文件放到 C:\Users\jackhoo.vue-templates 下

这样,我们再进行 vue init webpack vuedemo 命令的时候,需要带上参数–offline 表示离线初始化。

1
vue init webpack vuedemo --offline

输入命令后,会询问我们几个简单的选项,我们根据自己的需要进行填写就可以了。

  • Project name :项目名称 ,如果不需要更改直接回车就可以了。注意:这里不能使用大写,所以我把名称改成了 vuedemo
  • Project description:项目描述,默认为 A Vue.js project,直接回车,不用编写。
  • Author:作者,如果你有配置 git 的作者,他会读取。
  • Install vue-router? 是否安装 vue 的路由插件,我们这里需要安装,所以选择 Y
  • Use ESLint to lint your code? 是否用 ESLint 来限制你的代码错误和风格。我们这里不需要输入 n,如果你是大型团队开发,最好是进行配置。
  • setup unit tests with Karma + Mocha? 是否需要安装单元测试工具 Karma+Mocha,我们这里不需要,所以输入 n。
  • Setup e2e tests with Nightwatch?是否安装 e2e 来进行用户行为模拟测试,我们这里不需要,所以输入 n。
  • Should we run npm install for you after the project has been created? (recommended) npm
1
2
3
4
5
   vue-cli · Generated "vuedemo".


# Installing project dependencies ...
# ========================

命令行出现上面的文字,说明我们已经初始化好了第一步。

  1. cd vuedemo 进入我们的 vue 项目目录。
  2. npm run dev 开发模式下运行我们的程序。给我们自动构建了开发用的服务器环境和在浏览器中打开,并实时监视我们的代码更改,即时呈现给我们。

最后运行就成功了。


本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!