ant design pro项目使用npm install 初始化报错问题解决

ant design pro of vue项目，使用npm install初始化时，报错gyp ERR

解决方案（推荐第二种）：

第一种：

• 使用cnpm install初始化；
• 项目运行 npm run serve / cnpm run serve 会运行失败
• 需要将vue.config.js中的IgnorePlugin改为json对象，并注释DefinePlugin
• npm run serve再次运行成功
  

cnpm 相关知识了解

cnpm 是 npm 在国内的镜像，由淘宝团队研发；因为npm的服务器在国外，安装的速度会比较慢

cnpm 安装：npm install cnpm -g --registry=https://registry.npm.taobao.org
cnpm 版本号查看： cnpm -v

第二种：

• 使用yarn install 初始化
• npm run serve / yarn run serve 运行项目成功

yarn 相关知识了解

安装：npm install -g yarn

版本查看：yarn --version

yarn淘宝源安装：

yarn config set registry https://registry.npm.taobao.org -g
yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g

yarn 与 npm 相关问题比较

npm 安装慢、安装时无法保持一致性、错误信息不明确

• npm install安装时，按照队列执行每个package，必须等到当前package安装完成，才能继续后面的安装
• 无法保持一致性，会因为版本不一致出现bug
• 安装时，中途某个包抛出错误，npm会继续下载和安装包。最终会把所有的日志输出到终端，有关错误包的信号会在一大堆npm打印的警告中丢失

yarn 安装速度快、安装版本统一、输出简介

• yarn install安装
• 1.并行安装，同步执行所有package，提高了性能
• 2.离线模式，之前安装过的包，再次安装时，会从缓存中获取，不同再次从网络下载
• 版本统一，yarn.lock的机制，会把依赖模块的版本号全部锁定，执行yarn install时，会读取yarn.lock文件获得依赖的版本号
• 输出简洁，相比npm输出的冗余信息，yarn会直观的打印出必要信息