windows下安装nodejs
一、什么是nodejs
![fd7fabae70d77af17d086a0450ac5206.png](https://i-blog.csdnimg.cn/blog_migrate/06d6f9c441c87a3309730996d5e1be69.jpeg)
nodejs图
Node.js 是一个基于 Chrome V8 引擎的javascript运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型。
Node 是一个让 JavaScript 运行在服务端的开发平台,它让javascript成为与PHP、Python等服务端语言平起平坐的脚步语言。
由大神大神 Ryan Dahl 于2009年开发的。
本质上node.js不是库,是一个运行环境或者是一个js语言解释器
二、windows下安装
2.1 下载安装包
官网进行nodejs下载,如下图所示,根据windows的版本选择32或64位的安装包下载。
![214ad537112aee29b40bc2757fbc78bf.png](https://i-blog.csdnimg.cn/blog_migrate/c1ec876cff22cfca8a47ca7f4bee6974.jpeg)
官网下载示意图
2.2 双击安装包安装
可以直接一路next下去,
![146d3d3a71f601098ee591b667d5c3c5.png](https://i-blog.csdnimg.cn/blog_migrate/bb22988987a26ee00136f3d86af33ced.jpeg)
图片安装图1
进行安装位置的选择,我一般装在D盘中
...,最终点击finish
![b1abc5d5fe0980dd68101aef007a6383.png](https://i-blog.csdnimg.cn/blog_migrate/67defe6da8f54a274aed0fce696d42b8.jpeg)
nodejs安装图2
2.3 检测nodejs安装
- 当执行完上步安装包安装后,需要进行安装是否成功,win+r打开运行,输入cmd后进入命令行界面。分别输入node -v和npm -v命令进行node的版本号和npm的版本号的查看。
![5bf05aa143b66cab8f2e83fbd58b668c.png](https://i-blog.csdnimg.cn/blog_migrate/dfcba2b3d72b72c12092834782fc418d.jpeg)
版本查询图
- 安装完后的目录如下图所示
![507fe36cf0c25ae1b7944cbf45545ff2.png](https://i-blog.csdnimg.cn/blog_migrate/ec84172860002e42dcde9d408ee23581.jpeg)
nodejs目录图
❝
目录中的npm随安装程序自动安装,作用:对Node.js依赖的包进行管理
❞
2.4 配置npm安装全局模块的路径与缓存路径
一般,在进行npm install ...等命令全局安装时,默认的会将模块安装C:甥敳獲用户名AppDataRoaming路径下的npm和npm_cache中。
此时可不进行修改,但便于对C盘数据进行管理,此时这里配置我们自定义的全局模块安装路径和缓存路径,在当前的nodejs安装目录下新建两个文件夹,分别为node_global和node_cache`。
![73d79e381ff36e5a983e4389a56e43a9.png](https://i-blog.csdnimg.cn/blog_migrate/fc605b92b1065e9630b3492bd30a206e.jpeg)
新建全局模块和缓存文件夹图
此时需要win+r打开运行,输入cmd进入命令行界面,分别输入以下内容执行
npm config set perfix "D:Program Filesodejsode_global"npm config set cache "D:Program Filesodejsode_cache"
2.5 进行环境变量的配置
- 在「系统变量」中新建NODE_PATH
NODE_PATH D:Program Filesodejsode_globalode_modules
- 在「用户变量」中编辑「用户变量的path」,修改对应的npm的路径值为上文中自定义的node_global路径
D:Program Filesodejsode_global
2.6 执行测试
win+r打开运行cmd,执行「npm install webpack -g」 安装webpack,出现下图即配置完成。
![45f06792b086bb7d923ac53aa8381334.png](https://i-blog.csdnimg.cn/blog_migrate/6d341b29a377310cc3a8d075f6d8b31a.jpeg)
测试图
在自定义的文件中也会相应的显示如下内容
![92b8174b9d1d214fd7267a8645b2981f.png](https://i-blog.csdnimg.cn/blog_migrate/a82b9613880e4186d78b4d7d2afada21.jpeg)
node_cache