目錄

NPM是什麼?

安裝NPM

模組初始化

模組安裝

模組更新

模組刪除

NPM是什麼?

Npm是的Js開發者能夠更方便的分享和複用以及更新程式碼，被複用的程式碼被稱為包或者 模組，一個模組中包含了一到多個js檔案。在模組中一般還會包含一個package.json的 檔案，該檔案中包含了該模組的配置資訊。一個完整的專案，需要依賴很多個模組。一 個完整的npm包含三部分

• 網站
  • 用於預覽npm管理的包
• 登錄檔（registry）
  • 用於上傳包，使用資料庫來維護包與上傳者的資訊。
• 命令列工具 (CLI)
  • 用於安裝包

安裝NPM

安裝node.js後會自動安裝npm,我們只需要手動更新到版本

npm install [email protected] -g.

由於預設npm的倉庫在國外，下載起來很慢，可以使用淘寶映象來加快下載速度。方法如下:

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

修改npm許可權

 有時可能碰到許可權不足的問題，可能是因為我們把node安裝到系統目錄下，我們可能無權訪問，因此我們可以將node安裝目錄當做自己的家目錄

$ npm config get prefix    //檢視node的安裝路徑

修改許可權

$ sudo chown -R $(whoami) $(npm config get prefix)/{lib/node_modules,bin,share}

模組初始化

 $ npm init

該命令會為我們初始化一個package.json檔案(模組的配置檔案)，如果原來專案中有package.json檔案，它首先會讀取原來檔案的資訊，並預設為原來的選項。

$ npm init -y     

該命令會為我們建立預設package.json檔案。

模組安裝

$ npm install

 在本地node_modules資料夾安裝依賴項。預設將安裝package.json所依賴的所以模組

使用 --production標誌，將不會安裝devDependencies所列出的模組。

$ npm install [<@scope>/]<name>@<version>

安裝指定版本的包,例如安裝 babel-loader第7版     npm install [email protected] --save-dev

$ npm install  模組名    --save

將模組新增到package.json中 dependencies中，一般將產品依賴的模組安裝到這裡。

$ npm install  模組名  --save-dev

將模組新增到package.json中devDependencies中,一般將開發依賴的模組安裝到這裡。

$ npm install  模組名@版本 --global

全域性依賴,依賴會被安裝在node的家目錄下，讓所以的專案共享。

產品依賴 vs 開發依賴

產品依賴是指專案開發完成後，上線後所依賴的環境，在打包時會被打包。比如: vue、jquery、vueRouter

開發依賴是指在僅供開發和測試環節使用，上線後則不會依賴，因此最後打包時將不會被打包。比如: babel webpack

vue-cli等

模組更新

    $ npm update <name> --save

將更package.json中dependenices中的模組更新到最新版(即latest)

$  npm update <name> -g

全域性更新包至latest版

$ npm update <name> --save-dev

更新開發環境依賴包。

模組刪除

從node_modules中刪除不需要的模組

$ npm uninstall -g  <package_name>

 在全域性模式下將當前包上下文解除安裝。

$ npm uninstall <package_name>  --save

將刪除指定產品依賴的模組。

將刪除指定生產環境依賴的模組。