Visual Studio Code简称 VS Code是微软开发的免费开源代码编辑器 是目前最受欢迎的 Node.js 开发编辑器之一。主要优势内置 Node.js 支持提供智能代码补全、调试等功能丰富的扩展可通过扩展市场安装各种 Node.js 开发工具集成终端直接在编辑器中运行 Node.js 程序轻量快速启动速度快资源占用低安装 VS Code访问 VS Code 官网下载对应操作系统的版本按照安装向导完成安装VS Code 完整教程VSCode 教程 | 菜鸟教程另外国内阿里与字节也有基于 VS Code 开发的 AI IDE阿里 Qoder阿里推出的 AI 编程 IDE基于 VS Code 深度定制访问 →字节 Trae字节跳动推出的新一代 AI 原生开发环境访问 →扩展推荐Node.js Extension Pack包含多个 Node.js 相关插件的集合包JavaScript (ES6) code snippets提供 ES6 代码片段Auto Rename Tag自动重命名 HTML/XML 标签ESLint代码质量检查工具Prettier代码格式化工具npm Intellisensenpm 包自动补全Path Intellisense文件路径自动补全创建第一个 Node.js 项目初始化项目打开终端VS Code 中按 Ctrl创建项目文件夹并进入mkdir my-node-app cd my-node-app初始化 npm 项目npm init -y会生产一个 package.json 的文件创建主文件在 VS Code 中创建app.js文件输入以下代码实例const http require(http);const server http.createServer((req, res) {res.statusCode 200;res.setHeader(Content-Type, text/plain);res.end( RUNOOB Node Test ~ Hello, Node.js!\n);});const port 3000;server.listen(port, () {console.log(服务器运行地址http://localhost:${port}/);});运行项目在终端中执行node app.js打开浏览器访问http://localhost:3000请注意我们在输入 console. 时VS Code 的智能感知可以提供代码的建议调试 Node.js 应用VS Code 提供了强大的调试功能配置调试点击左侧活动栏的运行和调试图标点击创建 launch.json 文件选择Node.js环境设置断点在代码行号左侧点击设置断点按 F5 启动调试使用调试工具栏控制执行流程调试控制继续(F5)继续执行到下一个断点单步跳过(F10)执行当前行不进入函数单步调试(F11)进入函数内部重启(CtrlShiftF5)重新开始调试停止(ShiftF5)结束调试
Visual Studio Code简称 VS Code是微软开发的免费开源代码编辑器 是目前最受欢迎的 Node.js 开发编辑器之一。主要优势内置 Node.js 支持提供智能代码补全、调试等功能丰富的扩展可通过扩展市场安装各种 Node.js 开发工具集成终端直接在编辑器中运行 Node.js 程序轻量快速启动速度快资源占用低安装 VS Code访问 VS Code 官网下载对应操作系统的版本按照安装向导完成安装VS Code 完整教程VSCode 教程 | 菜鸟教程另外国内阿里与字节也有基于 VS Code 开发的 AI IDE阿里 Qoder阿里推出的 AI 编程 IDE基于 VS Code 深度定制访问 →字节 Trae字节跳动推出的新一代 AI 原生开发环境访问 →扩展推荐Node.js Extension Pack包含多个 Node.js 相关插件的集合包JavaScript (ES6) code snippets提供 ES6 代码片段Auto Rename Tag自动重命名 HTML/XML 标签ESLint代码质量检查工具Prettier代码格式化工具npm Intellisensenpm 包自动补全Path Intellisense文件路径自动补全创建第一个 Node.js 项目初始化项目打开终端VS Code 中按 Ctrl创建项目文件夹并进入mkdir my-node-app cd my-node-app初始化 npm 项目npm init -y会生产一个 package.json 的文件创建主文件在 VS Code 中创建app.js文件输入以下代码实例const http require(http);const server http.createServer((req, res) {res.statusCode 200;res.setHeader(Content-Type, text/plain);res.end( RUNOOB Node Test ~ Hello, Node.js!\n);});const port 3000;server.listen(port, () {console.log(服务器运行地址http://localhost:${port}/);});运行项目在终端中执行node app.js打开浏览器访问http://localhost:3000请注意我们在输入 console. 时VS Code 的智能感知可以提供代码的建议调试 Node.js 应用VS Code 提供了强大的调试功能配置调试点击左侧活动栏的运行和调试图标点击创建 launch.json 文件选择Node.js环境设置断点在代码行号左侧点击设置断点按 F5 启动调试使用调试工具栏控制执行流程调试控制继续(F5)继续执行到下一个断点单步跳过(F10)执行当前行不进入函数单步调试(F11)进入函数内部重启(CtrlShiftF5)重新开始调试停止(ShiftF5)结束调试
