Node.js下载安装及环境配置

目录

一、下载

[1. 查看电脑版本,下载对应的安装包](#1. 查看电脑版本,下载对应的安装包)

[2. 下载路径下载 | Node.js 中文网](#2. 下载路径下载 | Node.js 中文网)

二、安装步骤

[1. 双击安装包](#1. 双击安装包)

[2. 点击Next下一步](#2. 点击Next下一步)

[3. 选择安装路径](#3. 选择安装路径)

[4. 这里我选择默认配置,继续Next下一步(大家按需选择)](#4. 这里我选择默认配置,继续Next下一步(大家按需选择))

[5. 最后install安装](#5. 最后install安装)

[6. 测试安装是否成功](#6. 测试安装是否成功)

三、配置环境

[1. 在安装目录下新建两个文件夹](#1. 在安装目录下新建两个文件夹)

【node_global】【node_cache】

[2. 用管理员身份打开cmd命令行窗口,输入命令](#2. 用管理员身份打开cmd命令行窗口,输入命令)

[3. 环境变量配置](#3. 环境变量配置)

四、安装镜像

1.更换npm镜像

2.安装淘宝cnpm镜像

3.查看cnpm版本号

参考:2024最新版Node.js下载安装及环境配置教程【保姆级】_nodejs下载-CSDN博客


一、下载

1. 查看电脑版本,下载对应的安装包

此电脑-> 右键属性 -> 系统类型

图1-1

2. 下载路径下载 | Node.js 中文网

图1-2

二、安装步骤

1. 双击安装包

图2-1

2. 点击Next下一步

图2-2

3. 选择安装路径

图2-3

4. 这里我选择默认配置,继续Next下一步(大家按需选择)

图2-4

图2-5

5. 最后install安装

6. 测试安装是否成功

Win+R+cmd进入命令提示符窗口测试是否安装成功

查看node版本

node -v
查看npm版本

npm -v

图2-6

成功显示版本号说明安装成功

三、配置环境

1. 在安装目录下新建两个文件夹

【node_global】【node_cache】

图3-1

2. 用管理员身份打开cmd命令行窗口,输入命令

java 复制代码
npm config set prefix "你的node_global路径名"
java 复制代码
npm config set cache  "你的node_cache路径名"

图3-2

3. 环境变量配置

【此电脑】- 【右键属性】-【高级系统设置】-【环境变量】

(1)系统变量-【新建】-【NODE_PATH】-【D:\Study-soft\nodejs\node_global\node_modules】

在node_global路径下添加node_modules文件夹

(2) 在path路径中添加【%NODE_PATH%】

(3)更改用户变量path中的【Roaming\npm】为【node_global】路径

(4)每个页面都点击【确定】,配置完成

(5)配置完成后检查一下是否配置成功,用get 命令

图3-3

(6)安装一个express模块进行测试(管理员权限

npm install express -g # -g是全局安装的意思,不加 -g 就是默认下载到当前目录

图3-4

如图所示,安装成功

四、安装镜像

1.更换npm镜像

npm configset registry http://registry.npmmirror.com

检查:npm config get registry

2.安装淘宝cnpm镜像

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

图4-1

3.查看cnpm版本号

图4-2

如图所示,cnpm镜像安装成功

Node.js安装完成。

相关推荐
m0_7482544715 小时前
如何在Windows系统上安装和配置Node.js及Node版本管理器(nvm)
windows·node.js
16年上任的CTO16 小时前
一文大白话讲清楚webpack基本使用——16——图片压缩
前端·webpack·node.js·webpack图片压缩
yqcoder2 天前
Commander 一款命令行自定义命令依赖
前端·javascript·arcgis·node.js
赵不困888(合作私信)2 天前
npx和npm 和pnpm的区别
前端·npm·node.js
华如锦2 天前
npm启动前端项目时报错(vue) error:0308010C:digital envelope routines::unsupported
java·前端·vue.js·npm·node.js
米粒宝的爸爸3 天前
npm、cnpm 、yarn、pnpm的优势点和缺点
前端·npm·node.js
天下无贼!3 天前
【技巧】优雅的使用 pnpm+Monorepo 单体仓库构建一个高效、灵活的多项目架构
开发语言·前端·vue.js·react.js·架构·node.js
yqcoder3 天前
npm link 作用
前端·npm·node.js
web150854159353 天前
Node.js的解释
node.js