Mac NPM 配置

Posted 2020-11-09 qianchia

1、NPM 简介

• NPM（node package manager），通常称为 node 包管理器，是目前世界上最大的开源库生态系统。使用 NPM 可以对 node 包进行安装、卸载、更新、查看、搜索、发布等操作。安装完 Node.js?，NPM 就可以直接用了。

2、NPM 环境配置

2.1 安装 Node.js

• 从下面的地址中下载安装 Node.js。

  • Node.js 官网下载地址。
  • Node.js 其它下载地址（node v10.2.0），密码：buzn。

• 或者直接使用 Homebrew 按照下面的命令安装 Node.js。

  # 安装 Node.js
  $ brew install node

2.2 安装 NPM

• 安装完 Node.js，NPM 就可以直接用了。

2.3 NPM 常用命令

• 1）NPM 常用命令

  # 查看 NPM 版本
  $ npm -v
  
  # 更新 NPM 版本
  $ sudo npm i -g npm
  
  # 在官方包仓库中搜索包
  $ npm search [包名]
  $ npm search express
  
  # 查看官方包仓库中包所用 package.json 文件中的信息
  $ npm view [包名]
  $ npm view express
  
  # 安装 package.json 文件中列出的包
  $ npm install
  
  # 安装包
  
      # 安装在本地项目中
      $ npm install [包名]
      $ npm install express
  
      # 安装在全局中
      $ npm install -g [包名]
      $ npm install -g express
  
  # 安装并保存包到 package.json 文件中
  
      # 安装在本地项目中
      $ npm install [包名] --save
      $ npm install express --save
  
      # 安装在全局中
      $ npm install -g [包名] --save
      $ npm install -g express --save
  
  # 查看安装的包
  
      # 本地
      $ npm list
  
      # 全局
      $ npm list -g  
  
  # 查看过期的包
  
      # 本地
      $ npm outdated  
  
      # 全局
      $ npm outdated -g
  
  # 更新全部包
  
      # 本地
      $ npm update
  
      # 全局
      $ npm update -g
  
  # 更新指定的包
  
      # 本地
      $ npm update [包名]
      $ npm update express 
  
      # 全局
      $ npm update -g [包名]
      $ npm update -g express 
  
  # 卸载包
  
      # 本地
      $ npm uninstall [包名]
      $ npm uninstall express
  
      # 全局
      $ npm uninstall -g [包名]
      $ npm uninstall -g express
  
  # 查看全局包的安装路径
  $ npm root -g
  
  # 修改全局包的安装路径，修改后为 [安装路径]\\node_modules$ npm config set prefix "[安装路径]"

  Usage: npm <command>
  
  where <command> is one of:
      access, adduser, bin, bugs, c, cache, completion, config,
      ddp, dedupe, deprecate, dist-tag, docs, doctor, edit,
      explore, get, help, help-search, i, init, install,
      install-test, it, link, list, ln, login, logout, ls,
      outdated, owner, pack, ping, prefix, profile, prune,
      publish, rb, rebuild, repo, restart, root, run, run-script,
      s, se, search, set, shrinkwrap, star, stars, start, stop, t,
      team, test, token, tst, un, uninstall, unpublish, unstar,
      up, update, v, version, view, whoami
  
  npm <command> -h     quick help on <command>
  npm -l           display full usage info
  npm help <term>  search for help on <term>
  npm help npm     involved overview
  
  Specify configs in the ini-formatted file:
      /Users/qianchia/.npmrc
  or on the command line via: npm <command> --key value
  Config info can be viewed via: npm help config

2.4 注意事项

• 一般 Node modules 通常被安装在每个项目的本地文件夹 node_modules 中，但下面几个包推荐安装在全局：

  • CoffeeScript、Less、Grunt 或 Gulp

  # 安装 coffee-script
  $ npm install -g coffee-script
  
  # 安装 less
  $ npm install -g less
  
  # 安装 grunt-cli
  $ npm install -g grunt-cli
  
  # 安装 gulp
  $ npm install -g gulp

3、CNPM 配置

3.1 CNPM 简介

• 因为 npm 安装插件是从国外服务器下载，受网络影响大，可能出现异常，如果 npm 的服务器在中国就好了，所以淘宝团队干了这事。来自官网：“这是一个完整 npmjs.org 镜像，你可以用此代替官方版本(只读)，同步频率目前为 10 分钟一次以保证尽量与官方服务同步。”

• cnpm 跟 npm 用法完全一致，只是在执行命令时将 npm 改为 cnpm。

3.2 CNPM 环境配置

• 在终端中输入以下命令安装 CNPM。

  # 安装 CNPM
  $ npm install -g cnpm --registry=https://registry.npm.taobao.org

• 安装完后最好查看其版本号 cnpm -v 或重启终端，安装完直接使用有可能会出现错误。