1

安装node

1.登录node官网,选择需要安装的版本,一路默认安装即可。新版的node已经集成npm,所以在安装node时npm也一并安装了。

2.测试node是否安装完成:输入"cmd" 打开dos命令行窗口。在dos命令行窗口中输入node -v检测node是否安装成功,输入npm -v检测npm是否安装成功。安装成功出现以下画面:

clipboard.png

3.输入node,就会进入Node.js的交互环境。在交互环境下,可以输入任意JavaScript语句,例如100+100,回车后将得到输出结果。要退出Node.js环境,连按两次Ctrl+C或者输入.exit

clipboard.png

配置node

设置npm的全局模块存放路径和cache

若不修改全局模块存放路径,则用户全局安装时下载的模块会默认在C:\Users\[用户名]\AppData\Roaming\npm\node_modules这个路径下。

clipboard.png

但是,我们一般将npm的全局模块存放路径以及缓存的路径放在nodejs的安装路径下。

1.在nodejs的安装主目录中新建文件夹:node_cache和node_global(此处我的安装路径是D:\Program Files\nodejs)

clipboard.png

2.在cmd中输入命令:
npm config set prefix "node_global文件夹路径"
npm config set cache "node_cache文件夹路径"

clipboard.png

设置完成可在“C:\Users\你的用户名\.npmrc” 这个文件看到

clipboard.png

3.尝试安装模块:选择安装webpack模块。在命令行中输入:npm install webpack -g (-g表示全局安装即安装到node_global目录下)。通过webpack -h验证发现webpack不可用。这是因为我们修改了他的全局模块存放路径,却没有同时修改环境变量。

clipboard.png

4.修改用户变量:鼠标右键单击我的电脑→属性→高级系统设置→环境变量,编辑【用户变量】下的【Path】,将原路径C:\Users\my\AppData\Roaming\npm改为D:\Program Files\nodejs\node_global。

win10下页面:

clipboard.png

win7下页面:

clipboard.png

5.完成以上步骤后重新开启cmd,记得是重新开启一个cmd来进行测试,如果在设置环境变量之前你已经开了一个cmd,在原来的cmd内测试结果是不准确的。

clipboard.png

问题

若出现输入npm -v 没有反应,可试着删除用户配置文件.npmrc。windows下在“C:\Users\你的用户名\.npmrc”这个路径。

clipboard.png

附:
npmrc这个文件是npm包管理器的配置文件。
与npmrc相关的有四种文件:

  • 每个项目配置文件(/path/to/my/project/.npmrc)
  • 每个用户配置文件(~/.npmrc)
  • 全局配置文件($PREFIX/etc/npmrc)
  • npm内置配置文件(/path/to/npm/npmrc)

查看npmrc了解更多细节

更新于2019.12.24

在window下更新npm版本,运行npm install npm@latest -g命令

更新node

  1. 打开cmd,运行where node查看之前的node版本安装的路径。
  2. node官网下载最新版,安装在上述路径中进行覆盖。
  3. 运行node -v可发现node已更新到最新版本。

lijinxieyang
356 声望13 粉丝