待办清单项目9：安装和配置Nodejs

Node.js 简介

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境，使开发者能够使用 JavaScript 来编写服务器端的应用程序。它具有以下特点：

• 非阻塞 I/O：采用事件驱动、非阻塞式 I/O 模型，使其轻量且高效
• 单线程：使用单线程事件循环处理并发，避免了传统多线程编程的复杂性
• 跨平台：支持 Windows、macOS 和 Linux 等多种操作系统
• npm 生态系统：拥有世界上最大的开源库生态系统，可以方便地使用和共享代码

Node.js 适用于构建网络应用程序，特别是实时应用、API 服务、微服务、工具类应用等。它已成为现代前端开发的重要工具，用于构建和管理前端项目、自动化构建流程等。

一、安装 Node.js

1. 双击运行安装包

   • 找到 node-v22.15.0-x64.msi 文件
   • 双击该文件启动安装向导

2. 安装向导步骤

   • 点击 “Next” 进入安装向导
   • 阅读并接受许可协议，点击 “Next”
   • 选择安装目录（建议保持默认路径 C:\Program Files\nodejs\,一定不要修改为中文目录），点击 “Next”
   • 在自定义设置页面，确保选中以下选项：
     • Node.js runtime
     • npm package manager
     • Add to PATH（这很重要，确保可以在命令行中使用 node 和 npm 命令）
   • 点击 “Next”
   • 选择是否安装用于本机模块编译的工具（可选），点击 “Next”
   • 点击 “Install” 开始安装
   • 安装完成后，点击 “Finish” 关闭安装向导

二、验证安装

1. 打开命令提示符

   • 按 Win + R 组合键，输入 cmd，点击确定
   • 或者在开始菜单搜索 “命令提示符” 并打开

2. 验证 Node.js 安装

   • 输入以下命令检查 Node.js 版本：

   node -v
   

   • 应该显示您安装的版本：v22.15.0

3. 验证 npm 安装

   • 输入以下命令检查 npm 版本：

   npm -v
   

   • 应该显示对应的 npm 版本

三、NPM 简介

NPM (Node Package Manager) 是 Node.js 的包管理工具，它是世界上最大的软件注册表，拥有超过 100 万个软件包。通过 NPM，开发者可以：

• 安装第三方库和工具 ：快速引入他人开发的功能模块
• 管理项目依赖 ：自动处理依赖关系和版本控制
• 发布自己的包 ：将自己的代码共享给其他开发者
• 运行脚本 ：通过 package.json 中的 scripts 字段定义和运行项目脚本
  NPM 随 Node.js 一起安装，无需单独下载。它包含命令行客户端（npm 命令）和在线数据库（npm 注册表）。

NPM 的主要功能

• 依赖管理 ：自动解析和安装项目所需的所有依赖包
• 版本控制 ：使用语义化版本规范管理包的版本
• 脚本运行 ：定义和执行项目相关的脚本命令
• 包发布 ：将自己开发的模块发布到 npm 注册表
• 项目初始化 ：快速创建新项目的基本结构

四、NPM 配置

4.1 设置 NPM 淘宝镜像

由于 NPM 官方注册表服务器在国外，国内访问可能较慢。使用淘宝 NPM 镜像可以显著提高下载速度：

1. 打开命令提示符
2. 输入以下命令设置淘宝镜像：

npm config set registry https://registry.npmmirror.com

4.2 设置本地仓库目录

默认情况下，NPM 全局安装的包会存储在系统目录下，可能会遇到权限问题。我们可以自定义全局安装目录和缓存目录：

1. 创建下面的两个自定义目录(根据自己的需求创建，不一定和老师的一模一样，不要创建在C盘)

E:\nodejs\npm-global
E:\nodejs\npm-cache

2. 接下来，在命令窗口(cmd)中，运行下面的命令，配置 NPM上面创建的目录（和上面的一致）

npm config set prefix "E:\nodejs\npm-global"
npm config set cache "E:\nodejs\npm-cache"

3. 添加到环境变量
   将新的全局安装目录添加到系统环境变量 PATH 中：

• 右键点击"此电脑"，选择"属性"
• 点击"高级系统设置"
• 点击"环境变量"按钮
• 在"系统变量"部分，找到并选择"Path"变量
• 点击"编辑"
• 点击"新建"，添加 E:\nodejs\npm-global
• 点击"确定"保存更改

五、NPM 基本使用 （下面的内容看一下就行）

5.1 初始化项目

npm init

使用默认值快速初始化：

npm init -y

5.2 安装包

安装项目依赖：

npm install <package-name>

安装特定版本：

npm install <package-name>@<version>

安装开发依赖：

npm install <package-name> --save-dev

全局安装：

npm install -g <package-name>

5.3 更新和卸载包

更新包：

npm update <package-name>

卸载包：

npm uninstall <package-name>

5.4 查看已安装的包

查看本地安装的包：

npm list

查看全局安装的包：

npm list -g

限制显示深度：

npm list --depth=0