NodeJS、NPM安装配置步骤(windows版本)

1、windows下的NodeJS安装( 版本差别还是挺大的,这里安装8.0以上的 ),只需要登陆官网( http://nodejs.org/ ),便可以看到截图中红色框的 ,直接点击就会下载了。

2、安装过程基本直接“NEXT”就可以了。(windows的安装msi文件在过程中会直接添加path的系统变量,变量值是你的安装路径,例如“C:\Program Files\nodejs”)。

3、安装完成后可以使用cmd(win+r然后输入cmd进入)测试下是否安装成功。方法:在cmd下输入 node -v,出现下图版本提示就是完成了NodeJS的安装。

 4、npm的安装,同样可以使用cmd命令行输入" npm -v"来测试是否成功安装。如下图,出现版本提示就是完成安装。


5、常规NodeJS的搭建到现在为止已经完成了,急不及待的话你可以在”cmd“输入”node“进入node开发模式下,输入你的NodeJS第一句:”hello world“ - 输入:console.log('hello')。
 
6、npm作为一个NodeJS的模块管理,之前我由于没有系统地看资料所以导致安装配置模块的时候走了一大段弯路,所以现在很有必要列出来记录下。

①、 我们要先配置npm的全局模块的存放路径以及cache的路径,例如我希望将以上两个文件夹放在NodeJS的主目录下,便在NodeJs下建立"node_global"及"node_cache"两个文件夹,输入以下命令改变npm配置。如下图
NodeJS安装步骤(windows版本) - 逍遥仔 - Jones HoBlog
②、启动cmd,输入
 
   

1.npm config set prefix "C:\Program Files\nodejs\node_global"
2.npm config set cache "C:\Program Files\nodejs\node_cache"

③、现在我们来装个模块试试,选择express这个比较常用的模块。同样在cmd命令行里面,输入“npm install express -g”(“-g”这个参数意思是装到global目录下,也就是上面说设置的“ C:\Program Files\nodejs\node_global ”里面。)。待cmd里面的安装过程滚动完成后,会提示“express”装在了哪、版本还有它的目录结构是怎样。如下图

④、关闭cmd,打开系统对话框,“我的电脑”右键“属性”-“高级系统设置”-“高级”-“环境变量”。如下图
NodeJS安装步骤(windows版本) - 逍遥仔 - Jones HoBlog
 
⑤、进入环境变量对话框,在系统变量下新建" NODE_PATH ",输入” C:\Program Files\nodejs\node_global\node_modules “。以后安装安装的 加上 -g 都会下载这个下面。

⑥、以上步骤都OK的话,我们可以再次开启cmd命令行,进入node,输入“require('express')”来测试下node的模块全局路径是否配置正确了。正确的话cmd会列出express的相关信息。如下图(如出错一般都是NODE_PATH的配置不对,可以检查下第④⑤步)

NodeJS安装步骤(windows版本) - 逍遥仔 - Jones HoBlog
 
用的IDE是 WebStorm ,挺方便的。

二、安装淘宝npm(cnpm)

 1.安装cnpm

   (1)输入以下命令

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

   (2)cnpm的安装,同样可以使用cmd命令行输入"cnpm -v"来测试是否成功安装。如下图,出现版本提示就是完成安装。

1
cnpm -v

   (3)添加系统变量path的内容

  因为cnpm会被安装到D:\Program Files\nodejs\node_global下,而系统变量path并未包含该路径。在系统变量path下添加该路径即可正常使用cnpm。


  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值