WebStorm配置nodejs+cnpm

WebStorm

windows配置一路流程:

Nodejs

官网下载Nodejs后一直下一步安装结束。
为防止c盘不够用,将npm目录迁移至其他盘。
安装完成之后打开cmd,输入node -v检查是否安装成功。

1.修改路径

打开cmd,输入 npm  config ls

查看当前配置。
留意看 cache=" " 和 prefix=" "
然后选择需要迁移到的开发目录,我这里选择的E盘:

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

再次输入npm config ls查看修改后的路径(cache和prefix的路径会发生变化)。如图


查看迁移是否成功

2.修改环境变量

新增环境变量 NODE_HOME,根据你迁移的目录E:\nodejs\node_cache,我这里是

E:\nodejs

修改Path,增加这些

%NODE_HOME%\;%NODE_HOME%\node_cache\;%NODE_HOME%\node_global\;

3.测试是否完成

重新打开一个cmd 执行

npm install webpack -g

// -g是安装到全局目录下
安装完毕后打开设置的安装路径看下是否成功。node_global目录下应该有文件

cnpm(安装国内镜像)

在cmd中执行

npm install -g cnpm --registry=https://registry.npm.taobao.org

执行完毕后在cmd中输入 cnpm -v 查看是否安装成功。
详细见淘宝npm -- npm.taobao.org/

WebStorm

安装

1.安装成功后,搜索/调出 Terminal窗口,依次输入 npm -v 回车,cnpm -v回车,查看是否都能使用。如果无法查看版本号,执行2,3步骤,否则无视
2.如果检测有问题,可按下面方式修改:

  • 点击File->setting,输入node自动搜索。
  • 找到node.js and NPM后,配置右边的Node interpreter位置为你的node.js的安装目录。
  • 然后点击此行右边的...图标(3个点图标),修改 Package manager 目录为之前修改后的node_modeles目录。
  • 根据我在前面的修改,我在此处应填入的路径为E:\nodejs\node_global\node_modules

3.保存后重启webstrom,再次输入 npm -v 回车,cnpm -v回车检测。

运行

Terminal窗口中输入 cnpm install 安装依赖,运行项目即可
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • nvm、node安装方式一 使用Homebrew 如果之前通过'brew install node'方式安装过no...
    Y了个J阅读 3,705评论 0 3
  • 1、面向有连接型:发送数据之前,需要连接通信线路 面向无连接型:不要求建立和断开连接。接收端需要时常确认是否收到了...
    Missmiss懵阅读 283评论 0 0
  • 2018-4-22,Sunday,基本功:唇舌操-吐舌、舌顶腮、翻舌、左右转舌、刮舌;唇nulie、左右撇、上下撇...
    声爱阅读 173评论 0 0
  • 忽然有惊人的大黑暗落在他身上。(创15:12) 太阳西沉,夜自东方迅速展开,给大地遮上了一层黑暗的面纱。亚伯拉罕一...
    我就是大怪兽阅读 478评论 0 1
  • 今年来,我给自己设立了一个小目标,每天摸一下书。 不是读,就是摸。 简单吧,几秒钟的事情。 但是我依然没有做到。 ...
    旦旦日记阅读 269评论 0 0