這次為大家帶來webstorm中配置nodejs環境及npm步驟詳解,webstorm中配置nodejs環境及npm的注意事項有哪些,下面就是實戰案例,一起來看一下。
——nodejs安裝及環境設定
#1.nodejs官網,下載windows平台nodejs環境安裝套件( .msi格式),安裝
2.測試安裝是否成功:
cmd操作,進入node安裝根目錄下:
node -v ; npm -v 檢視版本號
3.設定全域
在node的安裝的根目錄,也就是nodejs資料夾下新建兩個名字為node_cache、node_global資料夾
值:D:\Program Files\nodejs \node_global\node_modules
注意:因為我是把nodejs安裝在D:\Program Files\目錄下,所以環境變數就這樣設定的
檢查node環境是否配置成功:
#cmd進入任何目錄下,驗證node和npm版本號
——webStorm中的nodejs設定
#1.安裝webstorm, 設定字型。
file-》setting-》editor-》color&font
主題字體什麼的都可以在這裡設定。
2.安裝nodejs一直下一步就可以。
環境變數估計是自動的保險起見,可以去查看path
看一下是否加入了。
在run-》editor configurations-》找到nodejs安裝包
在nodejs官網download下載源碼,然後
#file-》 settings-》Language&framework-》JavaScript-》libraries 新增原始碼
有時候還要勾選node.js global
就完成自動提示了
在file-》settings輸入enc 彈出encoding格式設定為utf-8即可
相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!
推薦閱讀:
Linux Centos7.2內安裝nodejs&npm配置全域路徑步驟詳解
以上是webstorm中設定nodejs環境及npm步驟詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!