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回车检测。

相关文章
相关标签/搜索