快捷導(dǎo)航

IDEA中配置運(yùn)行node.js的完整過程

更新時(shí)間：2022年10月18日 11:16:00 作者：程光CS

為了使在終端使用npm,我們可以配置環(huán)境變量,這篇文章主要給大家介紹了關(guān)于IDEA中配置運(yùn)行node.js的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下

前言

idea中支持運(yùn)行很多種編程語言，只需要在電腦中安裝好對應(yīng)的語言環(huán)境，然后在idea的setting->plugins中下載安裝對應(yīng)的語言插件，最后再在setting->languages&frameworks中找到對應(yīng)語言然后配置好已安裝的語言編譯器路徑即可。

例如node.js

1.在電腦中安裝node.js

直接去官網(wǎng)下載安裝：https://nodejs.org/zh-cn/

安裝完成后用node --verison命令檢查，顯示了版本號就說明安裝成功了。

并且現(xiàn)在node.js安裝包自帶了npm，在命令行中執(zhí)行npm -v命令也能看到npm的版本號，但是安裝時(shí)不會自動給npm配置全局安裝包路徑的環(huán)境變量（不配的話運(yùn)行js程序時(shí)可能會報(bào)找不到包的錯(cuò)誤）。先用npm list -g命令顯示出全局安裝包路徑，然后在系統(tǒng)環(huán)境變量中添加一個(gè)NODE_PATH變量把這個(gè)路徑添加進(jìn)去就行了。

如果想修改全局npm安裝包的路徑可參考：http://chabaoo.cn/article/168993.htm

2.在idea的File->setting->plugins中下載node.js支持插件

在plugins中搜索node就能看到啦，點(diǎn)擊install安裝即可

3.在File->setting->languages&frameworks中配置已安裝的node.js路徑和安裝包管理器npm的路徑

打開setting->languages&frameworks找到node.js，分別配置已安裝的node.js路徑和npm的路徑，npm一般在安裝node.js時(shí)就自帶了，并且idea一般能夠自動識別已安裝的路徑，點(diǎn)擊下拉然后選擇就行了。

配置完畢，現(xiàn)在在idea中就可以愉快的編寫運(yùn)行js程序啦

4.關(guān)于npm包管理的問題

值得注意的是，可能會遇到在命令行中能運(yùn)行但是在idea中運(yùn)行卻報(bào)錯(cuò)找不到包的問題，這是大概率是因?yàn)樵诎惭b包時(shí)是進(jìn)行的局部安裝而不是全局安裝，npm中有兩種安裝包的方式，如下

局部安裝

命令

npm install xxxx

npm會在執(zhí)行局部安裝命令的目錄下創(chuàng)建一個(gè)node_modules目錄并安裝在此目錄中，只有執(zhí)行命令的目錄或其子目錄中的js程序能夠訪問到局部安裝的包。npm list是列出當(dāng)前目錄下局部安裝的包。

全局安裝

要想在任何位置都能使用到安裝的包則需要在安裝時(shí)加一個(gè)全局命令 -g

npm install xxxx -g

全局安裝的包直接安裝到計(jì)算機(jī)中，只需安裝一次，以后在計(jì)算機(jī)的任何位置都可以使用這個(gè)包；npm list -g是列出全局安裝的包，同時(shí)也會顯示全局安裝的路徑。全局安裝包的目錄一般都是在用戶目錄的Appdata目錄下，如C:\Users\syc\AppData\Roaming\npm

參考文章：http://chabaoo.cn/article/265287.htm

如果還是報(bào)錯(cuò)找不到包，則可能是全局安裝包的路徑?jīng)]有配置到環(huán)境變量中，需要配置一下。