1. 安装 VS Code 和 Node.js
- 安装 VS Code:如果尚未安装,请从 VS Code 官网 下载并安装。
- 安装 Node.js:Node.js 是运行 JavaScript 的环境。从 Node.js 官网 下载并安装最新版本(推荐 LTS 版本)。安装后,打开终端运行以下命令验证:
确保输出版本号,确认安装成功。node -v npm -v
2. 创建 JavaScript 项目
- 新建项目文件夹:
- 在你的电脑上创建一个新文件夹,例如 my-js-project。
- 打开 VS Code,点击 文件 > 打开文件夹,选择刚刚创建的文件夹。
- 初始化 Node.js 项目(可选): 如果你需要使用 npm 管理依赖,运行以下命令初始化项目:
- 打开 VS Code 的终端(快捷键 Ctrl + ~ 或 View > Terminal)。
- 在终端中运行:
这会生成一个 package.json 文件,记录项目信息和依赖。npm init -y
- 创建 JavaScript 文件:
- 在 VS Code 的文件资源管理器中,右键点击项目文件夹,选择 新建文件,命名为 index.js(或其他名字)。
- 编写简单的 JavaScript 代码,例如:
console.log("Hello, World!");
3. 运行 JavaScript 文件
有几种方法可以在 VS Code 中运行 JavaScript 文件:
方法 1:使用 Node.js 直接运行
- 确保已安装 Node.js。
- 在 VS Code 终端中,导航到项目文件夹(如果尚未在正确目录,运行 cd 你的项目文件夹路径)。
- 运行以下命令:
node index.js
- 终端会输出 Hello, World!。
方法 2:使用 VS Code 的 Code Runner 扩展
- 安装 Code Runner 扩展:
- 在 VS Code 中,点击左侧活动栏的扩展图标(或按 Ctrl+Shift+X)。
- 搜索 Code Runner,安装后启用。
- 运行代码:
- 打开 index.js 文件。
- 点击右上角的“运行”按钮(三角形图标),或按 Ctrl+Alt+N。
- 输出结果会显示在 VS Code 的输出面板或终端中。
4. 调试 JavaScript 文件
VS Code 内置了强大的调试功能:
- 点击左侧活动栏的调试图标(或按 Ctrl+Shift+D)。
- 点击“创建 launch.json 文件”,选择 Node.js 环境。
- VS Code 会生成一个 launch.json 文件,默认配置适用于 Node.js 项目。
- 在 index.js 中设置断点(点击代码行左侧的红点)。
- 按 F5 启动调试,查看变量值、调用栈等。
{ // 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性的描述。 // 欲了解更多信息,请访问: https://go.microsoft.com/fwlink/?linkid=830387 "version": "0.2.0", "configurations": [ { "type": "node", "request": "launch", "name": "启动程序", "skipFiles": [ "<node_internals>/**" ], "program": "${workspaceFolder}/index.js" } ] }