解决vue init webpack 下载依赖卡住不动的问题

当使用vue-cli的模板生成器vue init webpack脚手架时，有时在安装依赖包的时候会卡在某个包上不动，导致整个过程无法继续。这种情况可能是由于网络问题、依赖版本冲突等多种原因造成的，以至于我们无法轻易判断出原因。但是，我们可以有一些解决办法来尝试解决这个问题。

下面是解决vue init webpack下载依赖卡住不动的问题的完整攻略：

1.更换 npm registry 镜像的地址

npm 官方提供了很多全球不同地区的镜像源，可以通过更换镜像源来解决下载依赖包卡顿的问题。

在命令行中输入以下命令切换镜像源到 cnpm：

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

执行完上述命令后，我们使用cnpm代替npm（例如：使用cnpm install代替npm install）。

2.清除缓存并重新安装依赖包

有时候，我们在安装依赖包时会出现无法下载的问题，这种情况下，可以尝试清除npm缓存并重新安装依赖包。在安装脚手架时，我们可以尝试运行以下命令把缓存清除：

$ npm cache clean --force

然后删除原始的 node_module 文件夹并重新安装：

$ rm -rf node_modules
$ npm install

示例说明1

当运行 npm install 时，遇到无法下载某个依赖包的情况：

fetchMetadata: sill addNameRange registry:http://registry.npmjs.org/ get-filename/-/get-filename-1.0.0.tgz
http fetch GET 304 http://registry.npmjs.org/mime-types/-/mime-types-2.1.25.tgz 862ms (from cache)
http fetch GET 200 http://registry.npmjs.org/get-filename/-/get-filename-1.0.0.tgz 278ms (from cache)
http fetch GET 304 http://registry.npmjs.org/split2/-/split2-3.1.0.tgz 760ms (from cache)

可以看到，mime-types 依赖已经下载到本地，但是get-filename 依赖还没有下载，或者下载超时了。

我们可以试着更改npm注册表的地址，可以更换成淘宝镜像源：

npm config set registry https://registry.npm.taobao.org

然后重新安装依赖：

npm install

示例说明2

当安装依赖包时，遇到无法下载某个依赖包的情况：

npm ERR! code E404
npm ERR! @babel/plugin-proposal-object-rest-spread@7.10.5: Not found

这时候可以尝试清除npm缓存并重新安装依赖包：

npm cache clean --force
rm -rf node_modules
npm install

如果还是有问题，可以尝试升级npm和node版本，或者下载某个特定的依赖包，手动使用本地安装做补救。