npm常用功能

TIPS

记录在使用npm中经常遇到的问题，经常使用的功能，免得每次都得到处找。例如下载依赖时巨慢无比的问题。

• 官方文档：npm docs (opens new window)

• 参考文章：

  • npm切换镜像站点 (opens new window)
  • 配置npm镜像源的几种方式 (opens new window)

TIPS

很多时候安装依赖出问题最好的解决办法就是删除 node_modules，然后再装，如同重启电脑一样粗暴且有效，如果不行再在网上找解决办法，如果还是不行，那么就可能是灵异事件了，或许项目放几天就好了

安装

1. 安装 Node.js (opens new window)，自动就带有 npm

2. 查看版本

   npm -v
   

3. 升级到最新的

   npm install -g npm
   

4. 安装指定版本

   npm -g install npm@6.4.1
   

npm镜像修改

1. 查看当前镜像地址

   npm config get registry
   npm get registry
   

2. 修改镜像

   npm config set <key> <value> [-g|--global]
   npm set <key> <value> [-g|--global]
   

   • 修改成淘宝镜像

     npm config set registry https://registry.npm.taobao.org/
     # 换回默认
     npm config set registry https://registry.npmjs.org/
     

   • 临时使用

     npm install xxxxx --registry https://registry.npm.taobao.org/
     

   • 使用 .npmrc

     在项目根目录创建.npmrc文件，复制下面代码到该文件。

     # sass_binary_site 是为了解决 node-sass 安装问题
     sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
     registry=https://registry.npm.taobao.org/
     

   • 也可以使用 nrm 进行管理，使用方法请看参考文章。

3. 直接使用cnpm替代npm

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

   WARNING

   npm把镜像换成淘宝镜像和直接使用cnpm是有区别 (opens new window)

常见问题

node-sass的安装

1. 默认安装node-sass报错

   npm install node-sass --save-dev
   

2. 解决

   • 在 .npmrc 文件里面增加 sass_binary_site

     sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
     

   • 使用cnpm

     cnpm install node-sass --save-dev
     

   • 修改配置

     npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/
     

   • 安装时指定地址

     npm install --save node-sass --registry=https://registry.npm.taobao.org --disturl=https://npm.taobao.org/dist --sass-binary-site=http://npm.taobao.org/mirrors/node-sass
     # --registry=https://registry.npm.taobao.org  淘宝npm包镜像
     # --disturl=https://npm.taobao.org/dist  淘宝node源码镜像，一些二进制包编译时用
     # --sass-binary-site=http://npm.taobao.org/mirrors/node-sass  这个才是node-sass镜像