【新手入门】NodeJs下载安装并配置环境

2,242 阅读2分钟

一、下载Nodejs

官网:Node.js — Run JavaScript Everywhere

选择对应的版本下载。

image.png

二、安装NodeJs

下载完成后双击安装包开始安装Nodejs

image.png

直接选择【Next】,路径存放在你想放的位置就行了,我一般放在D盘

image.png

根据自身需求选择,我是默认,然后点击【Next】

image.png

不选中,直接点击【Next】,接着点击【Install】,最后点击【Finish】

查看是否安装成功:打开cmd,输入 node -vnpm -v,都显示出版本号便是安装成功了。

image.png

三、环境配置

(1)找到nodejs安装的目录,我安装在 D:\Program\Nodejs,在安装目录下新建两个文件夹【node_global】和【node_cache】

image.png

(2)创建完毕后,使用管理员身份打开cmd命令窗口,window11直接使用搜索栏搜索【cmd】

image.png

使用命令窗口输入以下两条指令,路径修改成你刚创建node_global和node_cache的路径

npm config set prefix "D:\Program\Nodejs\node_global"

npm config set cache "D:\Program\Nodejs\node_cache"

image.png (3)配置环境变量

打开【此电脑】-单击右键-【属性】-【高级系统设置】-【环境变量】,在【系统变量】中点击【新建】

变量名:NODE_PATH

变量值:D:\Program\Nodejs\node_global\node_modules

image.png

Tips: 如果输入变量值之后没有自动创建【node_modules】文件夹,就在【node_global】下手动创建一个【node_modules】文件夹,再复制你创建的【node_modules】文件夹的路径地址到变量值

image.png

接着编辑【用户变量】中的【Path】,把默认的 C 盘下【 AppData\Roaming\npm 】修改成 【node_global】的路径

image.png

修改后:

image.png

接着在【系统变量】中选择【Path】点击【编辑】添加【%NODE_PATH%】,随后一直点击【确定】

image.png

四、测试

先检查刚刚是否配置成功,使用管理员打开cmd,输入 npm config get prefixnpm config get cache

image.png

全局安装一个最常用的 express 模块进行测试

cmd输入 npm install express -g // -g代表全局安装

image.png

出现以上界面即为配置成功。

五、安装淘宝镜像

更换淘宝镜像

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

查看是否成功

npm config get registry

image.png

至此,完成了!!