Nodejs的详细安装过程与步骤（超详细）

小灰灰 2024-04-07 12:45 185阅读 0赞

前端开发，少不了node.js:Node.s是一个基于Chrome v8引擎的JavaScript运行环境。我们关注与node.js.的 npm功能就行:NPM是随同NodeS一起安装的包管理工具，JavaScript-NPM.Java-Mavene，

【一：下载·安装】

1.下载node.js

下载地址：https://nodejs.org/en/

9a60f0cf424a4c9db2a398fb99910839.png

04ca0e71407e401f8f29003d933bf296.png

2.安装

2.1 自定义安装路径（可以选择默认）

23ef335301d14b37a61814adb0a92197.png

2.2 选择Node.js runtime

9dc41985a71543c8baa1dc53fa7442c7.png

2.3 这里不用选择安装其他的插件

8afdcb8926ce4711bbb46791e5057d83.png

2.4 安装完成

48049d305b1c4bc7a93b0c793c407dc7.png

3.检查是否安装成功

3.1 node -v 查看node的版本
3.2 npm -v 查看npm的版本(新版的node安装自带安装npm)

使用快捷键 win+r => 输入cmd 指令进入命令提示符窗

39da24b547404d7d979389b5262c47b0.png

可以查看到node的版本，说明我们的node已经安装成功

【二：环境配置】

· 配置全局安装的模块路径和缓存路径

1.创建文件夹 node_cache和 node_global

在Nodejs的安装目录下创建两个文件夹，node_cache和node_global，用于存放缓存和全局模块，系统默认的是存放在C盘，如果不设置后期容易导致C盘占满

在nodejs根目录,创建node_global，node_cache文件夹

9eb931f426ce4bfd915d83248af17417.png

然后在cmd中执行如下命令，配置缓存目录和全局目录

  1. #设置缓存
  2.    npm config set cache "D:\Program Files\nodejs\node_cache"
  3. #设置全局模块
  4.    npm config set prefix "D:\Program Files\nodejs\node_global"

2.设置环境变量

2.1 找到电脑环境变量位置

win10&win11：右键此电脑——属性——高级系统设置——高级——环境变量

97ef79ab64c548909881d98b4ee9804f.png

2.2 创建 NODE_PATH 变量

变量值为node_modules地址，即nodejs安装目录下的node_modules文件夹

40bbd81a510e4c719879a763c77dae0b.png

2.3 在 系统变量 中 选择 Path 添加如下属性

然后从用户变量的Path中，找到如下变量

acf423e62a92478abb7c51b242b24160.png

修改为 nodejs的安装目录下\\nodejs\node_global，或 删除此变量后在系统变量的Path中创建，本人是删除后在系统变量的Path中创建新的path：D:\Program Files\nodejs\node_global ，此目录下存储 vue 命令

edb816115f8646719c2eb240a87322a1.png

Path中添加：D:\Program Files\nodejs\ 此目录中为npm命令

80756983216a438083f690aca1f62849.png

3.测试

经过上面的步骤，nodejs下载的模块就会自动下载到我们自定义的目录，接下来我们测试一下。

一般是进行 安装全局最常用的 express 模块 进行测试： npm install express -g # -g是全局安装的意思，不加 -g 就是默认下载到当前目录。

注：若执行命令npm install express -g 出现如下报错

2021072913154398.png

是由于权限的原因，右击Nodejs文件夹->属性->安全，点击编辑，将所有权限都✔即可

watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5b2t5L28_size_20_color_FFFFFF_t_70_g_se_x_16

如果出现下面情况说明需要升级，执行命令升级即可。

34622e5a3516428b9c74c2dfd5e10dac.png

9bb2aafa4b41422bb9b59725d452c224.png

执行 npm install express -g 进行安装

1c7689b0fec24f0287348f45771bdea7.png

如图，下载成功，我们回到我们定义的目录查看。

e82fe9ed65c94378947a83acf42b02f0.png

得到 express模块，说明安装配置成功

4、配置npm使用淘宝镜像

镜像说明：npm 默认的 registry ,也就是下载 npm 包时是从国外的服务器下载，国内很慢，一般都会指向淘宝 https://registry.npm.taobao.org。

4.1、查看初始npm源，如图：

d54173a936a845df9324cb3995bab50d.png

4.2、 更换镜像为淘宝镜像

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

4ff6297294754cd19986ceb67b3a4535.png

4.3 查看是否更换镜像源成功

npm config get registry

1a71436696eb408c901de05467809e78.png

到此 nodejs安装完毕。

5、安装包管理工具(附加，此步可以不执行)

npm是包管理工具，安装nodejs时候自动带有，也可以安装yarn（快速安全的包管理工具）或者pnpm（pnpm 拥有Yarn 超过 npm 的所有附加功能）

b4999f6233264333814d90f03584ef08.png

52f36ec998c84e939a0daa9bcd726ccf.png

8255e4d7a52a45fcab4179266ed6b59e.png

发表评论

表情：
评论列表 （有 0 条评论，185人围观）

还没有评论，来说两句吧...

相关阅读