在探索 Web 开发的奇妙世界时,建立和运行示例项目至关重要。让我们了解怎样使用 Visual Studio Code 和 Node.js 来启动并运行一个 Web 示例项目。
准备就绪
首先,确保已安装 Node.js 和 Visual Studio Code。完成此步骤后,让我们创建一个新的项目文件夹。打开 Visual Studio Code 并创建一个新文件夹,将其命名为“my-web-project”。
安装依赖项
在项目文件夹中打开终端或命令行窗口。输入以下命令来安装必要的依赖项:
npm install express
创建服务器文件
在项目文件夹中创建一个新文件,将其命名为“server.js”。此文件将包含我们的服务器代码:
const express = require('express');
const app = express();
app.get('/', (req, res) => {
res.send('Hello World!');
});
app.listen(3000, () => {
console.log('Server listening on port 3000');
});
运行项目
在终端或命令行窗口中,运行以下命令:
npm start
这将运行“server.js”文件并启动服务器。服务器将在端口 3000 上侦听。
访问示例项目
在浏览器中打开以下 URL:
http://localhost:3000
你应该会看到“Hello World!”消息。这表示项目正在运行,并且可以访问其内容。
恭喜!你已经成功启动并运行了一个 Web 示例项目。通过遵循这些步骤,你可以建立一个坚实的基础,开始你的 Web 开发之旅。