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

最近在学习FIS3-前端工程构建工具 ,碰到要安装node.js和npm。所以下面就来介绍下

1.打开NodeJs官网:Download | Node.js  点击下载

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

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

 4、npm的安装。由于新版的NodeJS已经集成了npm,所以之前npm也一并安装好了。同样可以使用cmd命令行输入"npm -v"来测试是否成功安装。如下图,出现版本提示便OK了。

5、常规NodeJS的搭建到现在为止已经完成了,急不及待的话你可以在”cmd“输入”node“进入node开发模式下,输入你的NodeJS第一句:”hello world“ - 输入:console.log('hello world')。

6、npm作为一个NodeJS的模块管理

①、我们要先配置npm的全局模块的存放路径以及cache的路径,例如我希望将以上两个文件夹放在NodeJS的主目录下,便在NodeJs下建立"node_global"及"node_cache"两个文件夹。如下图

②、启动cmd,输入

npm config set prefix "C:\Program Files\nodejs\node_global"

npm config set cache "C:\Program Files\nodejs\node_cache"

这时候node_global文件夹中会出现:etc

注意:如果没有出现这个文件,这说明权限问题。

需用系统管理员的权限打开cmd窗口。

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

如果出现

说明权限问题,跳到②中的注意,用管理员去运行"cmd"。

④、关闭cmd,打开系统对话框,“我的电脑”右键“属性”-“高级系统设置”-“高级”-“环境变量”。如下图

⑤、进入环境变量对话框,在系统变量下新建"NODE_PATH",输入”C:\Program Files\nodejs\node_global\node_modules“。(ps:这一步相当关键。)

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

二.node 在其他盘后,全局模块处理

上面双击安装,默认是安装c盘,但c盘内存怕以后不够,所以最好选择安装在其他的盘(我默认安装E盘)。

配置npm在安装全局模块时的路径和缓存cache的路径

因为在执行例如npm install webpack -g等命令全局安装的时候,默认会将模块安装在C:\Users\用户名\AppData\Roaming路径下的npm和npm_cache中,不方便管理且占用C盘空间,如下图所示:

所以这里配置自定义的全局模块安装目录,在node.js安装目录下新建两个文件夹 node_global和node_cache

 

然后在cmd命令下执行如下两个命令:

npm config set prefix "E:\nodeFiles\nodejs\node_global"

npm config set cache "E:\nodeFiles\nodejs\node_cache"

然后在环境变量 -> 系统变量中新建一个变量名为 “NODE_PATH”, 值为“E:\nodeFiles\nodejs\node_modules”,如下图:

 最后编辑用户变量里的Path,将相应npm的路径改为:E:\nodeFiles\nodejs\node_global,如下:

 配置完成。

三.升级node 

n stable命令是在Linux系统上更新node版本的,在Windows系统中是不行的。得使用gnvm

1.安装gnvm

下载64-bit

 

执行gnvm version命令查看版本

 

 更新本地的 Node.js latest 版本:执行 gnvm update latest

可以看到多一个19.7.0的文件下,把该文件目录中的node.exe文件复制到原来的node.exe目录,覆盖掉它(注意备份,防止发生意外)。查看node -v版本,已经是安装的最新版本了

参考windows 下更新 npm 和 node

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值