Node.js 下载安装及环境配置保姆级教程

最新推荐文章于 2024-04-11 18:30:51 发布
最新推荐文章于 2024-04-11 18:30:51 发布
阅读量2.1k 收藏 8
点赞数 3
分类专栏： Nodejs 文章标签： node.js webpack npm javascript vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liu12345666666/article/details/134318633
版权

1.Node 下载安装

官方网址：https://nodejs.org/en

在这里插入图片描述

下载网址：https://nodejs.org/dist/v20.9.0/node-v20.9.0-x64.msi

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

下载完毕点击安装包 然后一路默认选项 Next …

2.Node验证是否安装成功

在这里插入图片描述

npm -v

node -v

Microsoft Windows [版本 10.0.22631.2428]
(c) Microsoft Corporation。保留所有权利。

C:\Users\liuzhengquan.cn>npm -v
10.2.3

C:\Users\liuzhengquan.cn>node -v
v20.9.0

C:\Users\liuzhengquan.cn>

在这里插入图片描述

3.设置文件存放路径(可选操作，随意,不操作则会自动使用默认路径存储)

3.1 查看默认路径命令：

# 获取下载依赖包路径
npm config get prefix
# 获取缓存路径
npm config get cache

3.2 如果需要更改可以在其它磁盘找个位置，创建两个文件夹，公共下载依赖存储文件夹 和 缓存文件夹

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

3.3 更新默认设置node路径配置

Microsoft Windows [版本 10.0.22631.2428]
(c) Microsoft Corporation。保留所有权利。

C:\Users\liuzhengquan.cn>npm -v
10.1.0

C:\Users\liuzhengquan.cn>node -v
v20.9.0

C:\Users\liuzhengquan.cn>npm config set prefix="C:\Program_Files\Environment_Dependency_Cache_Package\Node\Repository\global"

C:\Users\liuzhengquan.cn>npm config set cache="C:\Program_Files\Environment_Dependency_Cache_Package\Node\Repository\cache"

C:\Users\liuzhengquan.cn>npm config get cache
C:\Program_Files\Environment_Dependency_Cache_Package\Node\Repository\cache

C:\Users\liuzhengquan.cn>npm config get prefix
C:\Program_Files\Environment_Dependency_Cache_Package\Node\Repository\global

C:\Users\liuzhengquan.cn>

4.配置更新修改环境变量

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

4.1 新建配置【系统】环境变量

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

4.2 编辑新增【系统】环境变量

在这里插入图片描述

4.3 校验配置是否成功

cmd 中执行任意 npm 依赖包 这里以 express 演示

npm install express -g

Microsoft Windows [版本 10.0.22631.2428]
(c) Microsoft Corporation。保留所有权利。

C:\Users\liuzhengquan.cn>npm -v
10.1.0

C:\Users\liuzhengquan.cn>node -v
v20.9.0

C:\Users\liuzhengquan.cn>npm config set prefix="C:\Program_Files\Environment_Dependency_Cache_Package\Node\Repository\global"

C:\Users\liuzhengquan.cn>npm config set cache="C:\Program_Files\Environment_Dependency_Cache_Package\Node\Repository\cache"

C:\Users\liuzhengquan.cn>npm config get cache
C:\Program_Files\Environment_Dependency_Cache_Package\Node\Repository\cache

C:\Users\liuzhengquan.cn>npm config get prefix
C:\Program_Files\Environment_Dependency_Cache_Package\Node\Repository\global

C:\Users\liuzhengquan.cn>npm install express -g

changed 62 packages in 9s

11 packages are looking for funding
  run `npm fund` for details

C:\Users\liuzhengquan.cn>

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

5.配置修改镜像地址(可选择操作，随意，如果嫌默认国外官方镜像太慢，可以修改为国内淘宝镜像地址)

5.1 查看默认镜像地址命令:

npm config get registry

Microsoft Windows [版本 10.0.22631.2428]
(c) Microsoft Corporation。保留所有权利。

C:\Users\liuzhengquan.cn>npm -v
10.1.0

C:\Users\liuzhengquan.cn>node -v
v20.9.0

C:\Users\liuzhengquan.cn>npm config set prefix="C:\Program_Files\Environment_Dependency_Cache_Package\Node\Repository\global"

C:\Users\liuzhengquan.cn>npm config set cache="C:\Program_Files\Environment_Dependency_Cache_Package\Node\Repository\cache"

C:\Users\liuzhengquan.cn>npm config get cache
C:\Program_Files\Environment_Dependency_Cache_Package\Node\Repository\cache

C:\Users\liuzhengquan.cn>npm config get prefix
C:\Program_Files\Environment_Dependency_Cache_Package\Node\Repository\global

C:\Users\liuzhengquan.cn>npm install express -g

changed 62 packages in 9s

11 packages are looking for funding
  run `npm fund` for details

C:\Users\liuzhengquan.cn>npm config get registry
https://registry.npmjs.org/

C:\Users\liuzhengquan.cn>

在这里插入图片描述

5.2 修改默认官方镜像地址：

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

Microsoft Windows [版本 10.0.22631.2428]
(c) Microsoft Corporation。保留所有权利。

C:\Users\liuzhengquan.cn>npm -v
10.1.0

C:\Users\liuzhengquan.cn>node -v
v20.9.0

C:\Users\liuzhengquan.cn>npm config set prefix="C:\Program_Files\Environment_Dependency_Cache_Package\Node\Repository\global"

C:\Users\liuzhengquan.cn>npm config set cache="C:\Program_Files\Environment_Dependency_Cache_Package\Node\Repository\cache"

C:\Users\liuzhengquan.cn>npm config get cache
C:\Program_Files\Environment_Dependency_Cache_Package\Node\Repository\cache

C:\Users\liuzhengquan.cn>npm config get prefix
C:\Program_Files\Environment_Dependency_Cache_Package\Node\Repository\global

C:\Users\liuzhengquan.cn>npm install express -g

changed 62 packages in 9s

11 packages are looking for funding
  run `npm fund` for details

C:\Users\liuzhengquan.cn>npm config get registry
https://registry.npmjs.org/

C:\Users\liuzhengquan.cn>npm config set registry https://registry.npm.taobao.org

C:\Users\liuzhengquan.cn>npm config get registry
https://registry.npm.taobao.org

C:\Users\liuzhengquan.cn>

在这里插入图片描述

5.3 如何还原官方镜像地址：

npm config set registry https://registry.npmjs.org/

Microsoft Windows [版本 10.0.22631.2428]
(c) Microsoft Corporation。保留所有权利。

C:\Users\liuzhengquan.cn>npm -v
10.1.0

C:\Users\liuzhengquan.cn>node -v
v20.9.0

C:\Users\liuzhengquan.cn>npm config set prefix="C:\Program_Files\Environment_Dependency_Cache_Package\Node\Repository\global"

C:\Users\liuzhengquan.cn>npm config set cache="C:\Program_Files\Environment_Dependency_Cache_Package\Node\Repository\cache"

C:\Users\liuzhengquan.cn>npm config get cache
C:\Program_Files\Environment_Dependency_Cache_Package\Node\Repository\cache

C:\Users\liuzhengquan.cn>npm config get prefix
C:\Program_Files\Environment_Dependency_Cache_Package\Node\Repository\global

C:\Users\liuzhengquan.cn>npm install express -g

changed 62 packages in 9s

11 packages are looking for funding
  run `npm fund` for details

C:\Users\liuzhengquan.cn>npm config get registry
https://registry.npmjs.org/

C:\Users\liuzhengquan.cn>npm config set registry https://registry.npm.taobao.org

C:\Users\liuzhengquan.cn>npm config get registry
https://registry.npm.taobao.org

C:\Users\liuzhengquan.cn>npm config set registry https://registry.npmjs.org/

C:\Users\liuzhengquan.cn>npm config get registry
https://registry.npmjs.org/

C:\Users\liuzhengquan.cn>

在这里插入图片描述

5.4 安装 cnpm (主要是为了区分国内镜像和国外官方镜像，毕竟直接修改默认地址有点不太好，不过各位随意，哈哈哈…)

npm install -g cnpm
5.4.1 查看是否安装成功cnpm
cnpm -v

Microsoft Windows [版本 10.0.22631.2428]
(c) Microsoft Corporation。保留所有权利。

C:\Users\liuzhengquan.cn>npm install -g cnpm
npm WARN deprecated @npmcli/move-file@2.0.1: This functionality has been moved to @npmcli/fs

changed 457 packages in 8s

54 packages are looking for funding
  run `npm fund` for details

C:\Users\liuzhengquan.cn>cnpm -v
cnpm@9.2.0 (C:\Program_Files\Environment_Dependency_Cache_Package\Node\Repository\global\node_modules\cnpm\lib\parse_argv.js)
npm@9.9.1 (C:\Program_Files\Environment_Dependency_Cache_Package\Node\Repository\global\node_modules\cnpm\node_modules\npm\index.js)
node@20.9.0 (C:\Program_Files\Node\x64\20.9.0\node.exe)
npminstall@7.11.1 (C:\Program_Files\Environment_Dependency_Cache_Package\Node\Repository\global\node_modules\cnpm\node_modules\npminstall\lib\index.js)
prefix=C:\Program_Files\Environment_Dependency_Cache_Package\Node\Repository\global
win32 x64 10.0.22631
registry=https://registry.npmmirror.com

C:\Users\liuzhengquan.cn>

在这里插入图片描述

5.4.2 查看 cnpm 默认镜像地址：
cnpm config get registry

Microsoft Windows [版本 10.0.22631.2428]
(c) Microsoft Corporation。保留所有权利。

C:\Users\liuzhengquan.cn>npm install -g cnpm
npm WARN deprecated @npmcli/move-file@2.0.1: This functionality has been moved to @npmcli/fs

changed 457 packages in 8s

54 packages are looking for funding
  run `npm fund` for details

C:\Users\liuzhengquan.cn>cnpm -v
cnpm@9.2.0 (C:\Program_Files\Environment_Dependency_Cache_Package\Node\Repository\global\node_modules\cnpm\lib\parse_argv.js)
npm@9.9.1 (C:\Program_Files\Environment_Dependency_Cache_Package\Node\Repository\global\node_modules\cnpm\node_modules\npm\index.js)
node@20.9.0 (C:\Program_Files\Node\x64\20.9.0\node.exe)
npminstall@7.11.1 (C:\Program_Files\Environment_Dependency_Cache_Package\Node\Repository\global\node_modules\cnpm\node_modules\npminstall\lib\index.js)
prefix=C:\Program_Files\Environment_Dependency_Cache_Package\Node\Repository\global
win32 x64 10.0.22631
registry=https://registry.npmmirror.com

C:\Users\liuzhengquan.cn>cnpm config get registry
https://registry.npmmirror.com/

C:\Users\liuzhengquan.cn>

在这里插入图片描述

5.4.3 配置 cnpm 镜像地址：
cnpm config set registry https://registry.npm.taobao.org

Microsoft Windows [版本 10.0.22631.2428]
(c) Microsoft Corporation。保留所有权利。

C:\Users\liuzhengquan.cn>npm install -g cnpm
npm WARN deprecated @npmcli/move-file@2.0.1: This functionality has been moved to @npmcli/fs

changed 457 packages in 8s

54 packages are looking for funding
  run `npm fund` for details

C:\Users\liuzhengquan.cn>cnpm -v
cnpm@9.2.0 (C:\Program_Files\Environment_Dependency_Cache_Package\Node\Repository\global\node_modules\cnpm\lib\parse_argv.js)
npm@9.9.1 (C:\Program_Files\Environment_Dependency_Cache_Package\Node\Repository\global\node_modules\cnpm\node_modules\npm\index.js)
node@20.9.0 (C:\Program_Files\Node\x64\20.9.0\node.exe)
npminstall@7.11.1 (C:\Program_Files\Environment_Dependency_Cache_Package\Node\Repository\global\node_modules\cnpm\node_modules\npminstall\lib\index.js)
prefix=C:\Program_Files\Environment_Dependency_Cache_Package\Node\Repository\global
win32 x64 10.0.22631
registry=https://registry.npmmirror.com

C:\Users\liuzhengquan.cn>cnpm config get registry
https://registry.npmmirror.com/

C:\Users\liuzhengquan.cn>cnpm config set registry https://registry.npm.taobao.org

C:\Users\liuzhengquan.cn>cnpm config get registry
https://registry.npm.taobao.org/

C:\Users\liuzhengquan.cn>

在这里插入图片描述

5.4.4 如何使用cnpm
# cnpm install 需要下载的依赖包名称
# 比如
# npm install express -g 改使用cnpm 国内镜像则为这样 cnpm install express -g

6.npm / cnpm 常用命令参考指南大全

6.1 下载安装全局包

npm install -g <package_name>

6.2 卸载本地包

6.2.1 无作用域包
npm uninstall <package_name>
6.2.2 有作用域包
npm uninstall <@scope/package_name>

6.3 卸载全局包

6.3.1 无作用域包
npm uninstall -g <package_name>
6.3.2 有作用域包
npm uninstall -g <@scope/package_name>

6.4 更新依赖包 (本人觉得没必要，因为直接卸载再下载安装更有灵魂，有需要的自己度娘…)

liuzhengquancn
关注
  • 3
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Node.js安装及环境配置指南.pdf
04-06
Node.js安装及环境配置指南 一、Node.js的安装 安装Node.js之前，首先需要确保你的电脑已经安装了合适的编译器和开发环境。Node.js是一个开源的、跨平台的JavaScript运行环境，它使得JavaScript可以在服务器端运行。Node.js安装及环境配置指南 一、Node.js的安装 安装Node.js之前，首先需要确保你的电脑已经安装了合适的编译器和开发环境。Node.js是一个开源的、跨平台的JavaScript运行环境，它使得JavaScript可以在服务器端运行。Node.js安装及环境配置指南 一、Node.js的安装 安装Node.js之前，首先需要确保你的电脑已经安装了合适的编译器和开发环境。Node.js是一个开源的、跨平台的JavaScript运行环境，它使得JavaScript可以在服务器端运行。Node.js安装及环境配置指南 一、Node.js的安装 安装Node.js之前，首先需要确保你的电脑已经安装了合适的编译器和开发环境。Node.js是一个开源的、跨平台的JavaScript运行环境，它使得JavaScript可以
Node.js安装及环境配置教程
11-21
Node.js安装及环境配置教程 Node.js安装和环境配置包括下载安装包、检查安装成功、配置环境变量、配置淘宝镜像、全局安装Nodemon、创建项目并初始化npm、安装项目依赖、编写基本Express应用程序代码、启动应用程序、配置package.json文件以及运行测试。安装完成后，可以使用npm start命令启动应用程序，使用npm test命令运行测试。
【简明图文教程】Node.js的下载、安装、环境配置及测试
最新发布
这个函数可导的博客
04-11 1399
本教程包含超级详细的图文说明，适用于小白第一次从零开始进行Node.js的下载、安装、环境配置及测试。
2023最新版 Node.js【附安装包下载地址】 下载安装及环境配置教程（非常详细）从零基础入门到精通，看完这一篇就够了
logic1001的博客
11-21 6401
选择对应你系统的Node.js版本，这里我选择的是Windows系统、64位Tips：如果想下载指定版本，点击【以往的版本】，即可选择自己想要的版本下载（1）下载完成后，双击安装包，开始安装Node.js(2)直接点【Next】按钮，此处可根据个人需求修改安装路径，修改完毕后继续点击【Next】按钮（3）可根据自身需求进行，此处我选择默认安装，继续点击【Next】按钮（4）不选中，直接点击【Next】按钮（5）点击【Install】按钮进行安装（6）安装完毕，点击【Finish】按钮。
Node.js下载
01-25
一款js的小型编译器 可简单的进行本地服务
下载nodejs
qq_43077857的博客
07-06 377
https://nodejs.org/en/ 我这里下载的window的版本 下载后安装一直下一步 这里就可以看到目录了 下载后配置环境变量 不过我们发现下载后已经给你配置好了 ...
Node.js 下载与安装教程
梁辰兴的博客
04-28 1万+
进入环境变量对话框，在系统变量下新建" NODE_PATH"，输入” D:\Software\nodejs\node_global\node_modules“。先配置npm的全局模块的存放路径以及cache的路径，在NodeJs下建立"node_global"及"node_cache"两个文件夹。6.此时界面，选择所需的系统和安装包形式（例如：node-v11.15.0-x64.msi ），并单击此链接，即可开始下载。11.打开cmd，输入node -v，npm -v，出现如下界面安装成功。
node.js下载，安装，基本概念
xiaozhuwuwuwu的博客
05-25 630
node.js安装 百度云盘有本教程需要的软件  链接：http://pan.baidu.com/s/1kVPxBJT 密码：uziu 通过官网下载node.js 中文网下载地址 http://nodejs.cn/download/windows系统我们一般选择mis版本，根据自己的电脑系统和位数选择mac选择.pkg版本具体的版本号，一定要安装偶数版本的，因为基数版为开发版本，偶数版为稳定版...
Node.js下载安装及环境配置
weixin_55988068的博客
11-07 1562
登录Nodejs的官网进行下载最新的版本，根据自己电脑的需求点击下载即可。例如，我的配置可以选择Windows下64位的版本。tips：还有一个关键，如果你是第一次下载安装Node.js，那么你可以选择当前最高版本进行安装；若你想在去运行一个已有的项目，那么你可能需要下载以前的一个版本。
windows系统下node.js环境配置与安装教程图文详解(详细版)
01-10
windows系统下简单nodejs环境配置。 第一步：下载安装文件 下载地址：官网https://nodejs.org/en/download/ 这里用的是 第二步：安装nodejs 下载完成之后，双击 node-v6.9.1-x64.msi，开始安装nodejs，默认是...
Node.js安装及环境配置教程.pdf
11-21
Node.js安装及环境配置教程 请注意，以上是一个简单的 Node.js 安装和环境配置教程。对于更复杂的环境、版本管理和包管理等需求，请参考 Node.js 的官方文档和支持资料。 祝您成功安装和配置 Node.js！
Node.js安装及环境配置.pdf
03-22
Node.js 安装及环境配置 一、安装环境 1. 本机系统：Windows 10 Pro 2. Node.js：LTS Version: 12.16.2 64 位(includes npm 6.14.4) 二、安装步骤 1. 下载Node.js：https://nodejs.org/en/download/ 2. 选择安装目录...
nodejs下载安装
牛大圣
10-14 4777
nodejs下载安装
node.js的下载安装
彬sir哥的博客
09-04 360
自己可以选择修改存储安装路径。
node.js下载安装和报错大全（express、淘宝镜像、webpack、Vue）
快乐学习
02-21 1万+
本文详细讲了node.js的下载和vue脚手架的搭建以及常见的各种报错。 （一）下载node.js （二） 安装node.js （三）查看环境变量 （四）查看版本信息 （五）新建全局下载包和缓存包位置 （六）配置环境变量 （七）安装express（内嵌http模块） 安装成功 安装失败 解决办法一（最好的办法） 解决办法二（其次） （八）安装淘宝镜像（可以不安装） （九）全局安装webpack （十）下载Vue与配置 下载Vue脚手架 配置Vue的环境变量 测试Vue是否配置成功 三、node报错大全
nodejs的下载安装
wang20010104的博客
11-08 8684
还需要修改一些nodejs默认的模块调用路径，因为模块的安装位置变了，如果nodejs的命令还到原来的位置去找，肯定是找不到安装的模块了。至此，npm配置算完成了，测试配置是否成功：打开cmd，输入node，回车，再输入require('cluster')，如果能正常输出cluster模块的信息，说明上面的所有配置就算生效了。.exe的路径，打开cmd，输入node -v即可查看nodejs是否安装成功（如下图），可能你刚安装完，在cmd输入node -v不出现版本号，一般重启一下电脑就可以了。
Node.js下载安装与配置(windows)
欢迎订阅我的“JAVA全栈开发笔记（全）”专栏，价格优惠，仅需19.9元。
02-06 1万+
一、Node.js下载 二、Node.js安装 三、配置npm全局模块的存储路径和缓存路径 四、配置环境变量
Node.js详细下载与安装
Lin_madman的博客
08-15 2466
Node.js安装与下载，也是安装npm的过程
Node下载安装
热门推荐
A_awen的博客
12-15 3万+
Node下载安装配置
node.js下载安装教程
07-08
以下是 Node.js 的下载和安装教程： 1. 打开浏览器，访问 Node.js 官方网站：https://nodejs.org。 2. 在主页上，你会看到两个版本可供选择：LTS（长期支持）版本和最新版本。LTS 版本是稳定且经过测试的版本，适合大多数用户。最新版本包含最新的功能，但可能不够稳定。你可以根据自己的需求选择其中一个版本。 3. 点击你选择的版本，会跳转到相应的下载页面。 4. 在下载页面，你会看到适用于不同操作系统的安装包。根据你的操作系统选择正确的安装包。例如，如果你使用的是 Windows，可以选择 Windows Installer（msi）；如果你使用的是 macOS，可以选择 macOS Installer（pkg）。 5. 点击下载按钮，下载安装包。 6. 下载完成后，运行安装包。在 Windows 上，双击 msi 安装包，按照提示完成安装；在 macOS 上，双击 pkg 安装包，按照提示完成安装。 7. 完成安装后，打开命令行终端（Windows 上是命令提示符或 PowerShell，macOS 上是终端）。 8. 在终端中输入以下命令，检查 Node.js 是否成功安装： ``` node -v ``` 如果成功安装，你会看到 Node.js 的版本号。 9. 同样，在终端中输入以下命令，检查 npm（Node.js 包管理器）是否成功安装： ``` npm -v ``` 如果成功安装，你会看到 npm 的版本号。 现在，你已经成功下载并安装了 Node.js！你可以在命令行中运行 Node.js 脚本，或者使用 npm 安装和管理 Node.js 模块。祝你使用愉快！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值