之前開發(fā)了一個npm的包。在實際應(yīng)用中發(fā)現(xiàn)了一個問題。如果你想要直接執(zhí)行這個包的命令，那么你就需要全局安裝這個包。如果你只是局部安裝，且沒有在package.json文件中配置的話，就會提示該命令無法找到。這是為什么呢？今天就來為大家介紹一下全局安裝和局部安裝到底是做了什么，

全局安裝

安裝位置

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

// 查看全局安裝路徑 npm root -g// 查看npm的基礎(chǔ)設(shè)置 npm config ls// 查看安裝目錄路徑 npm config get prefix 復(fù)制代碼

如果是公共電腦你不想將npm包安裝在默認目錄下，那么你可以通過命令來修改安裝路徑。

// 修改安裝目錄路徑 npm config set '' 復(fù)制代碼

如果在全局安裝中遇到權(quán)限問題報錯，你需要修改文件夾的權(quán)限，執(zhí)行一下命令。

sudo chown -R $(whoami) $(npm config get prefix)/{lib/node_modules,bin,share} 復(fù)制代碼

全局命令

npm包在全局安裝之后，這個包的命令就會被注冊到全局，你就可以直接在命令行中執(zhí)行這個命令了。其實當你全局安裝一個npm包之后，這個包被存放在/usr/locla/lib/node_modules下。而在這個包的package.json文件中，在bin屬性下配置的執(zhí)行命令，會放在/usr/locla/bin文件中。當你在命令行執(zhí)行這個命令，系統(tǒng)就會執(zhí)行/usr/locla/bin目錄下對應(yīng)的文件。

安裝過程

以全局安裝vue-cli為例，為大家簡述一下安裝過程。

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

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

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

4. 在命令行中執(zhí)行vue create vue-test，命令被識別。

本地安裝

安裝位置

在特定項目中執(zhí)行npm install xxx，那么這個包會被安裝在這個項目的node_moduels目錄下。但是如果你在這個項目中直接執(zhí)行包中的命令，就會發(fā)現(xiàn)控制臺報錯，告訴你這個命令找不到。這時候有兩個解決方法：

使用npx執(zhí)行：npx出現(xiàn)主要解決的問題就是調(diào)用項目內(nèi)部安裝的模塊，所以你可以在項目中執(zhí)行npx 包命令。

在package.json文件中配置：

"scripts": {"包命令": "包命令", } 復(fù)制代碼

原理： 在本地安裝一個包之后，這個包的命令會被添加到項目的node_modules/.bin文件中。執(zhí)行npm run 命令,package.json中的scripts會按照一定順序?qū)ふ覍?yīng)命令的位置，本地的node_modules/.bin也在尋找的清單中。所以本地安裝的包的命令可以執(zhí)行。

轉(zhuǎn)載于:https://juejin.im/post/5ccf9dc0f265da03914d7524

《新程序員》：云原生和全面數(shù)字化實踐50位技術(shù)專家共同創(chuàng)作，文字、視頻、音頻交互閱讀

總結(jié)

以上是生活随笔為你收集整理的npm包全局安装和局部安装,执行包命令有什么不同？的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。