微信小程序v2.21.3 npm安装vantapp踩过的坑

npm初始化

• 第一个坑，不要跑安装官方文档上的npm命令。要先把npm初始化，再安装命令。小程序文档和vant文档的引导都不是特别友好，翻译过来实操是这样的：

npm init -y
npm i @vant/weapp -S --production

• 在初始化的时候可能会遇到一个坑，留意一下自己的终端路径在哪。路径是和project.config.json在同一级。初始化成功的话，将会在同级目录下看到package.json文件
  

用初始化好的npm安装vantapp

• 然后直接跑第二条命令。在第二条npm命令的时候可能也会出一个错：
  vue npm ERR! code FETCH_ERROR npm ERR! errno FETCH_ERROR
  和ECONNREFUSED FetchError
  这个问题老朋友了，我的解决方法是清缓存，然后配置一下代理。我这里是配置成淘宝镜像：

npm cache clean --force
npm config set registry http://registry.npm.taobao.org  

然后再次运行安装命