返回

快速入门：使用 VSCode 设置 Node.js 项目

前端

设置你的环境

  1. 安装 Node.js 和 npm： 访问 Node.js 官方网站 下载并安装 Node.js。它会自动安装 npm（Node.js 包管理器）。
  2. 安装 VSCode： 从 VSCode 官方网站 下载并安装 Visual Studio Code。
  3. 安装 JavaScript 扩展： 在 VSCode 中，转到扩展程序选项卡并搜索“JavaScript (ES6/React/Node)”，然后安装该扩展程序。

创建你的项目

  1. 打开终端： 在 VSCode 中，按 Ctrl + Shift + P（macOS 为 Cmd + Shift + P）打开命令面板，然后键入“Terminal”以打开终端窗口。
  2. 创建一个新目录： 使用以下命令在您想要存储项目的位置创建一个新目录：
mkdir my-node-project && cd my-node-project
  1. 初始化 npm： 运行以下命令在项目目录中初始化 npm：
npm init -y

安装依赖项

  1. 安装依赖项： 你的项目通常会依赖于其他 npm 包。例如，我们可以使用 express 框架来创建服务器。要安装它，运行以下命令：
npm install express --save

这会将 express 包安装到你的项目中，并在 package.json 文件中添加一个依赖项。

启动你的服务器

  1. 创建主文件： 在项目目录中创建一个名为 app.js 的文件。
  2. 编写代码： 在 app.js 文件中，输入以下代码：
const express = require('express');
const app = express();

app.get('/', (req, res) => {
  res.send('Hello World!');
});

app.listen(3000, () => {
  console.log('Server is listening on port 3000');
});
  1. 运行服务器： 在终端中，运行以下命令：
node app.js

这将启动你的服务器，它将在端口 3000 上侦听请求。

修改你的代码

  1. 进行更改： 在 app.js 文件中，你可以根据需要对代码进行更改。例如，你可以更改发送的消息。
  2. 保存更改： 保存对 app.js 文件的更改。
  3. 重新运行服务器： 在终端中，按 Ctrl + C（macOS 为 Cmd + C）停止服务器。然后，再次运行 node app.js 以重新启动服务器。

结论

通过遵循这些步骤，你已经成功地在 VSCode 中设置并运行了一个 Node.js 项目。你可以根据需要继续修改代码，并利用 VSCode 的强大功能，例如语法高亮、自动完成功能和调试工具，来提升你的开发体验。