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

全局安裝

安裝位置

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

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

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

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

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

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

全局命令

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

安裝過程

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

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，命令被識(shí)別。

本地安裝

安裝位置

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

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

在package.json文件中配置：

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

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

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

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

總結(jié)

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

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