学习使用在windows系统上安装nodejs以及环境配置图文教程整理

Node.js 介绍

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境,允许在服务器端运行 JavaScript 代码。它采用事件驱动、非阻塞 I/O 模型,非常适合构建高性能的网络应用程序。Node.js 提供了一系列内置模块,支持异步编程,易于扩展,广泛应用于 Web 开发、实时应用和各种服务端开发场景。

Node.js 安装

1、Node.js下载

两个网址都可以,能打开哪个用哪个
https://nodejs.cn/en 中文官网
https://nodejs.org/en/download/ 英文官网

在这里插入图片描述根据自己的需求下载指定版本
在这里插入图片描述

2、Node.js安装

点击node-v20.17.0-x64.msi 安装
在这里插入图片描述
在这里插入图片描述勾选I accept the terms in the License Agreement勾选框,点击Next进入下一步。

在这里插入图片描述选择安装目录,最好点击 “Change…” 更换目录,最好不要安装在C盘。点击 Next 进入下一步。
在这里插入图片描述使用默认配置,点击Next进入下一步。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
至此,Node.js已经完成安装。可以打开命令行测试是否安装成功,之后还需要进行环境配置。

3、Node.js测试

在键盘按下Win + R快捷键,输入cmd,然后回车启动命令行窗口。分别输入node -v和npm -v来查看node.js版本和npm版本。

新版的Node.js已自带npm,安装Node.js时会一起安装,npm的作用就是对Node.js依赖的包进行管理,也可以理解为用来安装/卸载Node.js需要装的东西

在这里插入图片描述

4、Node.js安装目录

安装完成之后,在开始菜单里能够看到如下列表。

在这里插入图片描述

5、Node.js环境变量配置

Node.js安装包自带了npm,但安装时不会自动给npm配置全局安装包路径的环境变量(不配的话运行js程序时可能会报找不到包的错误)。

打开Node.js的安装目录
在该目录中新增**node_global 和 node_cache **文件夹

在这里插入图片描述
文件夹创建完成之后,打开cmd窗口,输入以下命令。

npm config set prefix "{Node.js安装目录}\node_global"
npm config set cache "{Node.js安装目录}\node_cache"

注意把上面命令中的{Node.js安装目录}替换成你的真实安装目录。

在这里插入图片描述在这里插入图片描述

鼠标点击右键选择属性,在弹出的界面中依次选择高级系统设置高级环境变量打开环境变量设置界面。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

输入以下配置之后,点击确定按钮进行保存。

用户变量 path :D:\Program Files\nodejs\node_global

在这里插入图片描述在这里插入图片描述

系统变量 NODE_PATH :D:\Program Files\nodejs\node_modules

在这里插入图片描述
在这里插入图片描述

6、配置镜像站,提升速度

配置镜像网站

npm config set registry=http://registry.npm.taobao.org

显示所以配置信息

npm config list 

在这里插入图片描述

7、检查镜像站配置

npm config get registry  //检测配置镜像

npm  info vue //查看是否能获取 vue 信息

npm list -global //查看 global 目录

在这里插入图片描述
在这里插入图片描述

8、测试环境变量是否生效

在命令行输入以下命令安装express(注:“-g”表示安装到global目录下,就是上面设置的node_global中)

npm install express -g

在这里插入图片描述

在这里插入图片描述
在命令行输入node进入编辑模式,输入以下代码检测是否能正常加载模块:

在这里插入图片描述如果成功,如上图显示;如果出错,检测下上面配置的NODE_PATH是否配置或者配置正确。

9、安装cnpm

https://registry.npmmirror.com 这个源比较快,淘宝的总提示超时

在cmd输入以下命令进行安装:

npm install -g cnpm --registry=https://registry.npmmirror.com

检测cnpm是否正常

cnpm -v

在这里插入图片描述

至此,Node.js、npm、cnpm已经安装和配置完成。

猜你喜欢

转载自blog.csdn.net/guo_qiangqiang/article/details/142280585