npm包全局安裝和局部安裝,執行包命令有什麼不一樣？

以前開發了一個npm的包。在實際應用中發現了一個問題。若是你想要直接執行這個包的命令，那麼你就須要全局安裝這個包。若是你只是局部安裝，且沒有在package.json文件中配置的話，就會提示該命令沒法找到。這是爲何呢？今天就來爲你們介紹一下全局安裝和局部安裝究竟是作了什麼，

全局安裝

安裝位置

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

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

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

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

若是是公共電腦你不想將npm包安裝在默認目錄下，那麼你能夠經過命令來修改安裝路徑。

// 修改安裝目錄路徑
npm config set ''
複製代碼

若是在全局安裝中遇到權限問題報錯，你須要修改文件夾的權限，執行一下命令。

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

全局命令

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

安裝過程

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

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

2. 查找vue包的package.json中的bin屬性。

3. 將vue命令的執行文件添加到 /usr/locla/bin中。

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也在尋找的清單中。因此本地安裝的包的命令能夠執行。