在现代软件开发中，JavaScript 是一种不可或缺的编程语言，广泛应用于前端和后端开发。如果你希望在 Visual Studio Code (VS Code) 中搭建 JavaScript 开发环境，以下将为你提供详细的步骤与示例代码。
1. 安装 Visual Studio Code
首先，你需要在你的电脑上下载并安装 VS Code。可以前往 VS Code 官方网站 下载适合你操作系统的版本。安装完成后，启动 VS Code。
2. 安装 Node.js
为了运行 JavaScript 代码，尤其是后端的 JavaScript，需先安装 Node.js。Node.js 是一个开源的 JavaScript 运行时，基于 Chrome 的 V8 引擎。你可以在 Node.js 官方网站 下载并安装。
安装完毕后，打开终端（Terminal）或者命令提示符，输入以下命令来确认 Node.js 是否安装成功：
node -v
如果成功，会显示出 Node.js 的版本号。
3. 创建新项目
在 VS Code 中，打开一个新文件夹作为你新项目的目录。可以通过菜单文件 -> 打开文件夹来选择。
在文件夹中，你可以新建一个 JavaScript 文件，比如 app.js。在此文件中，我们可以编写简单的 JavaScript 代码。
// app.js
console.log("Hello, World!");
4. 运行你的 JavaScript 代码
在 VS Code 中，你可以直接使用终端来运行 JavaScript 文件。在菜单栏中选择终端 -> 新终端，然后在终端中输入以下命令：
node app.js
执行后，你应该能看到输出：
Hello, World!
5. 安装扩展
为了提升开发效率，你可以在 VS Code 中安装一些有用的扩展。例如，推荐安装以下扩展：
- ESLint：用于检查 JavaScript 代码的格式和潜在错误。
- Prettier：一个代码格式化工具，可以让你的代码更加整洁。
在 VS Code 左侧的扩展菜单中，搜索你需要的扩展并进行安装。
6. 使用 npm 管理依赖
Node.js 附带的 npm（节点包管理器）是管理 JavaScript 库的绝佳工具。你可以用 npm 来创建项目，并安装各种依赖。
在终端中，运行以下命令来初始化一个新的 npm 项目：
npm init -y
这将会在你的项目中生成一个 package.json 文件，里面包含了项目的基本信息。
要安装一个库，例如 express（一个用于构建 web 应用的框架），只需在终端中运行：
npm install express
7. 编写更复杂的代码
接下来，你可以根据需要，扩展项目的复杂性，例如创建一个简单的 web 服务器：
// server.js
const express = require('express');
const app = express();
const port = 3000;
app.get('/', (req, res) => {
res.send('Hello, World!');
});
app.listen(port, () => {
console.log(`Server is running at http://localhost:${port}`);
});
然后在终端中运行：
node server.js
打开浏览器访问 http://localhost:3000，你应该能看到 "Hello, World!" 的提示。
8. 结语
通过上述步骤，你已经成功在 VS Code 中搭建了 JavaScript 开发环境。从简单的控制台应用到复杂的 web 服务器，你可以根据需求不断扩展项目功能。希望这些内容能帮助你在 JavaScript 的学习与开发中更进一步。
