npm包全局安裝和局部安裝

全局安裝

安裝位置

全局安裝是將npm包安裝在你的node安裝目錄下的node_modules文件夾中。在windows和mac中，全局安裝的默認路徑是不一樣的。在mac中默認是安裝到/usr/locla/lib中。在windows默認安裝目錄是C:\Program Files\nodejs，固然你也能夠經過一下命令來查看全局安裝路徑。

// 查看全局安裝路徑
npm root -g

// 查看npm的基礎設置
npm config ls

// 查看安裝目錄路徑
npm config get prefix
複製代碼

全局命令

npm包在全局安裝以後，這個包的命令就會被註冊到全局，你就能夠直接在命令行中執行這個命令了。其實當你全局安裝一個npm包以後，這個包被存放在/usr/locla/lib/node_modules或者C:\Program Files\nodejs\node_modules目錄下。而在這個包的package.json文件中，在bin屬性下配置的執行命令，會放在/usr/locla/bin或者C:\Program Files\nodejs文件中。當你在命令行執行這個命令，系統就會執行/usr/locla/bin目錄下對應的文件。

安裝過程

以全局安裝vue-cli爲例，爲你們簡述一下安裝過程。

1. npm install -g @vue/cli 安裝vue包到/usr/locla/lib/node_modules。

2. 查找node_modules目錄下的vue包的package.json中的bin屬性。

3. 在目錄/usr/locla/bin或者C:\Program Files\nodejs查看vue命令的執行文件

4. 在命令行中執行vue create vue-test

本地安裝

安裝位置

在特定項目中執行npm install xxx，那麼這個包會被安裝在這個項目的node_moduels目錄下。可是若是你在這個項目中直接執行包中的命令，就會發現控制檯報錯，告訴你這個命令找不到。這時候有兩個解決方法：

1. 使用npx執行：npx出現主要解決的問題就是調用項目內部安裝的模塊，因此你能夠在項目中執行npx 包命令。
2. 在package.json文件中配置：

"scripts": {
    "包命令": "包命令",
}
複製代碼

原理： 在本地安裝一個包以後，這個包的命令會被添加到項目的node_modules/.bin文件中。執行npm run 命令,package.json中的scripts會按照必定順序尋找對應命令的位置，本地的node_modules/.bin也在尋找的清單中。因此本地安裝的包的命令能夠執行。