Mac NPM 配置

本文已中止更新，點擊 此連接 查看本文最新內容 ！！！

一、NPM 簡介

• NPM（node package manager），一般稱爲 node 包管理器，是目前世界上最大的開源庫生態系統。使用 NPM 能夠對 node 包進行安裝、卸載、更新、查看、搜索、發佈等操做。安裝完 Node.js®，NPM 就能夠直接用了。

二、NPM 環境配置

2.1 安裝 Node.js

• 從下面的地址中下載安裝 Node.js。

  • Node.js 官網下載地址。
  • Node.js 其它下載地址
    • Node v9.7.1 for Mac，密碼：svmp。
    • Node v10.1.0 for Mac，密碼：y76y。
    • Node v10.2.0 for Mac，密碼：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

三、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 或重啓終端，安裝完直接使用有可能會出現錯誤。