跳到主要内容JavaScriptNode.js大前端
Node.js 安装指南(Windows 版本)
综述由AI生成Node.js 是基于 Chrome V8 引擎的 JavaScript 运行环境。在 Windows 系统上下载、安装及配置 Node.js 的全过程,包括 LTS 与 Current 版本选择、环境变量设置、npm 包管理器使用以及常见问题的解决方法。同时提供了 VS Code 开发环境配置建议和 Express 示例项目创建步骤,帮助开发者快速搭建 Node.js 开发环境并进行基础实践。
CoderByte32 浏览 第一部分:Node.js 简介与安装前准备
1.1 Node.js 是什么?
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境,它让开发者能够使用 JavaScript 编写服务器端应用程序。Node.js 的出现彻底改变了 JavaScript 只能运行在浏览器中的局面,使其成为一门全栈开发语言。
主要特点:
- 事件驱动、非阻塞 I/O 模型
- 轻量且高效
- 单线程但支持高并发
- 拥有庞大的包生态系统(npm)
1.2 为什么选择 Node.js?
- 前后端统一语言:使用相同的编程语言开发前端和后端
- 高性能:基于 V8 引擎,执行速度快
- 丰富的生态系统:npm 拥有超过 100 万个包
- 活跃的社区:拥有庞大的开发者社区支持
- 企业级应用:被 Netflix、PayPal、LinkedIn 等大型公司使用
1.3 系统要求检查
在安装 Node.js 之前,请确保您的 Windows 系统满足以下要求:
最低系统要求:
- 操作系统:Windows 8.1、Windows 10、Windows 11 或 Windows Server 2012 R2 及以上
- 处理器:1 GHz 或更快的处理器
- 内存:至少 512 MB RAM(推荐 1 GB 或更多)
- 硬盘空间:至少 200 MB 可用空间
检查您的 Windows 版本:
- 按下
Win + R 键
- 输入
winver 并按回车
- 查看弹出的窗口中的版本信息
第二部分:下载 Node.js 安装包
2.1 访问官方网站
- 打开您的网页浏览器(推荐 Chrome、Firefox 或 Edge)
- 访问 Node.js 官方网站:https://nodejs.org/
- 您将看到两个主要版本选项:
LTS 版本(推荐)
- 长期支持版本
- 更稳定,适合生产环境
- 有长期的安全更新和维护
Current 版本
- 最新功能版本
- 包含最新的特性和改进
- 可能不够稳定,适合测试和开发
2.2 选择合适的版本
对于大多数用户,我们推荐选择 LTS 版本。点击 "LTS" 按钮下载安装包。
版本号说明:
- 格式:主版本。次版本。修订版本(例如:18.12.1)
- 偶数主版本号为 LTS 版本(如 14.x, 16.x, 18.x)
- 奇数主版本号为当前版本(如 15.x, 17.x, 19.x)
2.3 下载选项
Node.js 为 Windows 提供多种安装包格式:
- MSI 安装程序(推荐)
- 扩展名:.msi
- 优点:图形化安装界面,自动配置环境变量
- 下载文件示例:node-v18.12.1-x64.msi
压缩包
- 扩展名:.zip 或 .7z
- 适合高级用户,需要手动安装和配置
第三部分:安装 Node.js
3.1 启动安装程序
- 找到下载的 .msi 文件(通常在 "下载" 文件夹中)
- 双击文件启动安装程序
- 如果出现用户账户控制(UAC)提示,点击 "是" 继续
3.2 安装向导步骤
- 仔细阅读最终用户许可协议
- 勾选 "I accept the terms in the License Agreement"
- 点击 "Next" 继续
- 默认安装路径:
C:\Program Files\nodejs\
- 如需更改安装位置,点击 "Change" 按钮
- 建议使用默认路径,除非有特殊需求
- 点击 "Next" 继续
- 必选项,包含 Node.js 运行环境
- 建议:保持选中
- Node.js 的包管理器
- 用于安装和管理 JavaScript 包
- 建议:保持选中
Online documentation shortcuts
- 重要:将 Node.js 添加到系统 PATH 环境变量
- 这允许在任意命令提示符窗口中使用 node 和 npm 命令
- 强烈建议:保持选中
- 这个选项会安装编译本地模块所需的工具
- 包括 Python、Visual Studio Build Tools 等
- 对于初学者,可以取消选中此项
- 如果需要编译 C++ 插件,建议安装
3.3 安装过程
- 安装程序将开始复制文件
- 显示安装进度条
- 如果选择了安装必要工具,可能会额外下载约 1GB 的文件
- 安装时间取决于系统性能和网络速度(通常 2-10 分钟)
3.4 完成安装
- 看到 "Completed the Node.js Setup Wizard" 表示安装成功
- 点击 "Finish" 退出安装程序
第四部分:验证安装
4.1 检查 Node.js 安装
- 打开命令提示符:
- 按下
Win + R 键
- 输入
cmd 并按回车
- 或者搜索 "命令提示符" 并打开
- 验证 Node.js 版本:
应该显示类似:v18.12.1
3. 验证 npm 版本:
4.2 测试简单的 JavaScript 代码
- 打开命令提示符
- 输入
node 并按回车,进入 Node.js REPL(交互式解释器)
- 输入以下代码测试:
console.log("Hello, Node.js!");
- 按回车,应该看到输出:
Hello, Node.js!
- 按
Ctrl + C 两次退出 REPL
4.3 创建并运行第一个 Node.js 脚本
- 创建一个新文件夹,例如
C:\nodejs-projects\
- 在该文件夹中创建文件
hello.js
- 用文本编辑器打开并输入以下内容:
const message = "欢迎来到 Node.js 世界!";
console.log(message);
const currentDate = new Date();
console.log(`当前时间:${currentDate.toLocaleString()}`);
const a = 5, b = 3;
console.log(`${a} + ${b} = ${a + b}`);
欢迎来到 Node.js 世界!
当前时间:2023/11/15 14:30:25
5 + 3 = 8
第五部分:配置开发环境
5.1 选择合适的代码编辑器
- Visual Studio Code(强烈推荐)
- 免费、开源
- 优秀的 Node.js 支持
- 丰富的扩展生态系统
- WebStorm
- 付费软件,功能强大
- 专业的 JavaScript IDE
- Sublime Text
5.2 安装 Visual Studio Code
- 访问:https://code.visualstudio.com/
- 下载 Windows 版本
- 运行安装程序
- 选择以下组件:
- 将 "通过 Code 打开" 操作添加到 Windows 资源管理器文件上下文菜单
- 将 "通过 Code 打开" 操作添加到 Windows 资源管理器目录上下文菜单
- 将 Code 注册为受支持的文件类型的编辑器
- 添加到 PATH
5.3 配置 VS Code 扩展
- JavaScript (ES6) code snippets
- npm
- npm Intellisense
- Path Intellisense
- ESLint
- Prettier - Code formatter
- Bracket Pair Colorizer
- Auto Rename Tag
5.4 配置终端
- 在 VS Code 中打开终端:
查看 > 终端 或 `Ctrl + ``
- 确保终端使用 PowerShell 或命令提示符
- 测试 Node.js 命令是否正常工作
第六部分:npm 包管理器详解
6.1 npm 基础概念
npm(Node Package Manager)是 Node.js 的包管理器,世界上最大的软件注册表。
- 安装和管理依赖包
- 发布自己的包
- 运行脚本
- 版本管理
6.2 常用 npm 命令
npm init
npm init -y
npm install package-name
npm install package-name --save-dev
npm install package-name -g
npm uninstall package-name
npm update package-name
npm update -g
npm list
npm list -g
npm list --depth=0
npm view package-name
npm info package-name
npm run script-name
npm audit
npm audit fix
6.3 package.json 文件详解
package.json 是 Node.js 项目的核心配置文件:
{
"name": "my-project",
"version": "1.0.0",
"description": "我的 Node.js 项目",
"main": "index.js",
"scripts": {
"start": "node index.js",
"dev": "nodemon index.js",
"test": "jest"
},
"keywords": ["nodejs", "javascript"],
"author": "你的名字",
"license": "MIT",
"dependencies": {
"express": "^4.18.2",
"lodash": "^4.17.21"
},
"devDependencies": {
"nodemon": "^2.0.20",
"jest": "^29.3.1"
},
"engines": {
"node": ">=18.0.0"
}
}
6.4 依赖类型说明
- 生产环境依赖
- 使用
npm install package-name --save 安装
- 开发环境依赖
- 使用
npm install package-name --save-dev 安装
第七部分:高级配置和优化
7.1 配置 npm 镜像源
npm config set registry https://registry.npmmirror.com/
npm config set registry https://registry.npmjs.org/
npm config list
npm config get registry
npm install -g nrm
nrm ls
nrm use taobao
nrm test
7.2 配置全局安装路径
默认情况下,全局包安装在 %APPDATA%\npm,可以自定义路径:
mkdir C:\NodeJS\global_modules
mkdir C:\NodeJS\global_cache
npm config set prefix "C:\NodeJS\global_modules"
npm config set cache "C:\NodeJS\global_cache"
7.3 环境变量配置
C:\Program Files\nodejs\(Node.js 安装目录)
C:\Users\你的用户名\AppData\Roaming\npm(全局包目录,如果使用默认设置)
第八部分:常见问题解决
8.1 安装问题
Error: EPERM: operation not permitted
- 以管理员身份运行命令提示符
- 或配置自定义全局安装路径
'node' 不是内部或外部命令,也不是可运行的程序
- 检查 Node.js 是否安装成功
- 确认安装路径已添加到系统 PATH
- 重启命令提示符或计算机
8.2 npm 相关问题
- 检查网络连接
- 配置国内镜像源
- 增加超时时间:
npm config set timeout 60000
npm ERR! Error: EACCES: permission denied
- 在 Windows 上,以管理员身份运行命令提示符
- 或使用
npm cache clean --force 清理缓存
8.3 版本管理问题
解决方案: 使用 nvm-windows(Node Version Manager for Windows)
nvm install 18.12.1
nvm use 18.12.1
nvm list
nvm alias default 18.12.1
第九部分:开发工具和最佳实践
9.1 推荐开发工具
- VS Code 内置调试器
- Chrome DevTools(通过
--inspect 参数)
npm install -g nodemon
nodemon app.js
npm install -g pm2
pm2 start app.js
pm2 monit
- Jest:JavaScript 测试框架
- Mocha:功能丰富的测试框架
- Chai:断言库
9.2 项目结构最佳实践
my-project/
├── src/ # 源代码目录
│ ├── controllers/ # 控制器
│ ├── models/ # 数据模型
│ ├── routes/ # 路由
│ ├── middleware/ # 中间件
│ └── utils/ # 工具函数
├── tests/ # 测试文件
├── public/ # 静态资源
├── node_modules/ # 依赖包(自动生成)
├── package.json # 项目配置
├── package-lock.json # 依赖锁文件
├── .gitignore # Git 忽略文件
├── README.md # 项目说明
└── app.js # 应用入口文件
9.3 代码质量工具
npm install eslint --save-dev
npx eslint --init
npm install prettier --save-dev
npm install husky --save-dev
npx husky install
第十部分:创建完整的示例项目
10.1 初始化项目
mkdir my-express-app
cd my-express-app
npm init -y
npm install express
npm install nodemon --save-dev
10.2 创建基础应用
const express = require('express');
const app = express();
const port = 3000;
app.use(express.json());
app.use(express.static('public'));
app.get('/', (req, res) => {
res.json({
message: '欢迎来到 Express 服务器!',
timestamp: new Date().toISOString(),
nodeVersion: process.version
});
});
app.get('/api/users', (req, res) => {
const users = [
{ id: 1, name: '张三', email: '[email protected]' },
{ id: 2, name: '李四', email: '[email protected]' },
{ id: 3, name: '王五', email: '[email protected]' }
];
res.json(users);
});
app.post('/api/users', (req, res) => {
const { name, email } = req.body;
const newUser = {
id: Date.now(),
name,
email,
createdAt: new Date().toISOString()
};
res.status(201).json(newUser);
});
app.use((err, req, res, next) => {
console.error(err.stack);
res.status(500).json({ error: '服务器内部错误!' });
});
app.use((req, res) => {
res.status(404).json({ error: '路由未找到!' });
});
app.listen(port, () => {
console.log(`服务器运行在 http://localhost:${port}`);
console.log(`Node.js 版本:${process.version}`);
});
10.3 配置 package.json 脚本
修改 package.json 的 scripts 部分:
{
"scripts": {
"start": "node app.js",
"dev": "nodemon app.js",
"test": "echo \"Error: no test specified\" && exit 1"
}
}
10.4 运行项目
总结
- ✅ 了解了 Node.js 的基本概念和优势
- ✅ 下载了合适的 Node.js 版本
- ✅ 完成了完整的安装和配置过程
- ✅ 验证了安装结果
- ✅ 配置了开发环境和工具
- ✅ 学习了 npm 包管理器的使用
- ✅ 掌握了常见问题的解决方法
- ✅ 了解了最佳实践和项目结构
- ✅ 创建了完整的示例项目
Node.js 生态系统庞大而活跃,继续学习的方向包括:
- 深入学习 Express、Koa 等 Web 框架
- 学习数据库集成(MongoDB、MySQL、PostgreSQL)
- 掌握 RESTful API 设计
- 学习身份认证和授权
- 了解部署和 DevOps 实践
相关免费在线工具
- Keycode 信息
查找任何按下的键的javascript键代码、代码、位置和修饰符。 在线工具,Keycode 信息在线工具,online
- Escape 与 Native 编解码
JavaScript 字符串转义/反转义;Java 风格 \uXXXX(Native2Ascii)编码与解码。 在线工具,Escape 与 Native 编解码在线工具,online
- JavaScript / HTML 格式化
使用 Prettier 在浏览器内格式化 JavaScript 或 HTML 片段。 在线工具,JavaScript / HTML 格式化在线工具,online
- JavaScript 压缩与混淆
Terser 压缩、变量名混淆,或 javascript-obfuscator 高强度混淆(体积会增大)。 在线工具,JavaScript 压缩与混淆在线工具,online
- Base64 字符串编码/解码
将字符串编码和解码为其 Base64 格式表示形式即可。 在线工具,Base64 字符串编码/解码在线工具,online
- Base64 文件转换器
将字符串、文件或图像转换为其 Base64 表示形式。 在线工具,Base64 文件转换器在线工具,online