nodejs+cnpm+webstorm配置

windows配置一路流程:node

nodejs

下載後一直下一步安裝結束。
爲防止c盤不夠用,將npm目錄遷移至其餘盤。
安裝完成以後打開cmd,輸入node -v檢查是否安裝成功。webpack

修改路徑

打開cmd,輸入 npm config ls
查看當前配置。
留意看 cache=" "prefix=" "web

而後在本身開發目錄下,新建2個文件夾"node_cache"和"node_global"。個人目錄放在E盤下。npm

E:\nodejs\node_cache
E:\nodejs\node_globalwindows

在cmd中輸入
npm config set cache "E:\nodejs\node_cache"
npm config set prefix "E:\nodejs\node_global"webstorm

再次輸入npm config ls查看修改後的路徑(cache和prefix的路徑會發生變化)。測試

修改環境變量

新增環境變量 NODE_HOME,值爲你修改後的路徑,個人是
E:\nodejs插件

修改Path,追加 %NODE_HOME%\;%NODE_HOME%\node_cache\;%NODE_HOME%\node_global\;命令行

測試一下

從新打開一個cmd命令行,安裝一個插件試試code

執行

npm install webpack -g
// -g是安裝到全局目錄下

安裝完畢後打開設置的安裝路徑看下是否成功。(在E:\nodejs\node_global目錄下有webpack命名的文件。)

cnpm

在cmd中執行
npm install -g cnpm --registry=https://registry.npm.taobao.org
執行完畢後在cmd中輸入 cnpm -v 查看是否安裝成功。
詳細見淘寶npm -> npm.taobao.org/

webstorm

安裝成功後,調出 Terminal窗口,依次輸入 cpm -v 回車,cnpm -v回車,查看是否都能使用。
後者若是檢測有問題,可按下面方式修改:

  • 點擊File->setting ,輸入node自動搜索。
  • 找到nodejs 後,配置右邊的Node interpreter位置爲你的node.js的安裝目錄。
  • 而後點擊此行右邊的...圖標(3個點圖標),修改 Npm package 目錄爲以前修改後的node_modeles目錄。
  • 根據我在前面的修改,我在此處應填入的路徑爲E:\nodejs\node_global\node_modules

保存後重啓webstrom,再次輸入 cpm -v 回車,cnpm -v回車檢測。

相關文章
相關標籤/搜索