一、下载安装Node.js
1. 官网下载
- 访问 Node.js官网
- 推荐下载 LTS(长期支持)版本,稳定性更好
2. 安装
- Windows/macOS:下载
.msi
或.pkg
安装包,双击安装,按提示完成 - Linux:
- Ubuntu/Debian:
curl -fsSL https://deb.nodesource.com/setup_lts.x | sudo -E bash - sudo apt-get install -y nodejs
- CentOS/RHEL:
curl -fsSL https://rpm.nodesource.com/setup_lts.x | sudo bash - sudo yum install -y nodejs
- Ubuntu/Debian:
二、验证安装
打开命令行/终端,输入:
node -v
npm -v
如果能显示版本号,说明安装成功。
三、推荐安装工具
1. Node Version Manager (nvm)
用于管理多个Node.js版本,推荐开发者使用。
- Linux/macOS:
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash source ~/.bashrc # 或 ~/.zshrc nvm install --lts nvm use --lts
- Windows:推荐使用 nvm-windows
四、安装开发工具
1. VS Code 编辑器
- 下载地址:VS Code官网
- 推荐安装插件:ESLint、Prettier、Node.js Extension Pack
2. 常用npm包
- 初始化项目:
mkdir myproject cd myproject npm init -y
- 安装常用包(如express):
npm install express
五、Hello World示例
创建 app.js
文件,写入:
console.log('Hello, Node.js!');
运行:
node app.js
六、常见问题
- 环境变量未生效:重启终端或电脑
- npm安装慢:可切换淘宝镜像
npm config set registry https://registry.npmmirror.com
- 权限问题:Linux下可用
sudo
或调整文件夹权限
总结
- 下载并安装Node.js
- (可选)安装nvm管理Node.js版本
- 安装VS Code等开发工具
- 使用npm初始化和管理项目
- 编写并运行Node.js代码
七、VS Code开发Nodejs
1. 安装 VS Code
- 官网下载:https://code.visualstudio.com/
- 安装完成后,打开 VS Code。
2. 安装 Node.js
- 按照前面的步骤,确保你的电脑已经安装了 Node.js,并能在终端输入
node -v
和npm -v
得到版本号。
3. 安装常用插件
在 VS Code 左侧扩展市场(方块图标)搜索并安装:
- ESLint(代码规范检查)
- Prettier(代码格式化)
- Node.js Extension Pack(一组Node相关插件)
- Debugger for Chrome/Edge(调试前端时用)
4. 创建 Node.js 项目
- 打开 VS Code,选择“文件”→“打开文件夹”,新建或打开你的项目文件夹。
- 打开终端(菜单栏“终端”→“新建终端”),输入:
npm init -y
这样会生成
package.json
文件。
5. 编写代码
新建一个 app.js
文件,写入如下代码:
console.log('Hello, Node.js!');
或者一个简单的 HTTP 服务:
const http = require('http');
const server = http.createServer((req, res) => {res.end('Hello, Node.js!');
});
server.listen(3000, () => {console.log('Server running at http://localhost:3000/');
});
6. 运行和调试代码
运行
- 在 VS Code 的终端输入:
node app.js
- 看到输出即运行成功。
调试
- 点击左侧“运行和调试”(小虫子图标)。
- 点击“创建一个 launch.json 文件”,选择“Node.js”环境。
- 设置断点(在代码行号左侧点一下)。
- 点击“运行”按钮(绿色三角),即可进入调试模式,断点会自动停下,可以查看变量、堆栈等。
7. 自动保存和格式化
- 在设置中搜索
format on save
,勾选,可以保存时自动格式化代码。 - 配合 Prettier/ESLint 插件,代码风格更统一。
8. 安装第三方包
比如你要用 Express 框架,可以在终端输入:
npm install express
然后在代码中引用:
const express = require('express');
const app = express();
app.get('/', (req, res) => res.send('Hello Express!'));
app.listen(3000, () => console.log('Server started'));
9. 推荐技巧
- 多用 VS Code 的智能提示(Ctrl+Space)
- 用“终端”直接运行命令,无需切换窗口
- 用 Git 插件管理代码版本
- 用“文件搜索”(Ctrl+Shift+F)快速定位代码
总结流程
- 安装 VS Code 和 Node.js
- 安装相关插件
- 新建项目文件夹并初始化
- 编写、运行、调试代码
- 安装第三方包和管理依赖