💻✨ 在 VSCode 创建 Express 项目 🚀
在开发 Node.js 应用时,Express 是一个非常流行的框架,它让构建 Web 应用变得轻而易举。今天,让我们一起用 VSCode 创建一个简单的 Express 项目吧!🌟
首先,确保你的电脑上已经安装了 Node.js 和 npm(Node 包管理器)。打开终端,输入 `node -v` 和 `npm -v` 来检查版本是否正常。接着,打开 VSCode,点击左上角的文件图标新建一个文件夹作为项目目录,命名为 `my-express-app` 或其他你喜欢的名字。🔍
接下来,在终端中切换到该文件夹路径,并运行 `npm init -y` 初始化一个新的 npm 项目。这会生成一个 `package.json` 文件来管理依赖项。然后,使用 `npm install express --save` 安装 Express 框架。短短几秒后,Express 就被添加到你的项目中啦!📦
现在,回到 VSCode,新建一个名为 `app.js` 的文件,编写基础代码:
```javascript
const express = require('express');
const app = express();
const port = 3000;
app.get('/', (req, res) => {
res.send('Hello World!');
});
app.listen(port, () => {
console.log(\`App is running at http://localhost:\${port}\`);
});
```
保存文件后,运行 `node app.js` 启动服务器。打开浏览器访问 `http://localhost:3000`,你会看到熟悉的 "Hello World!" 页面。🎉
通过 VSCode 和 Express,快速搭建一个 Web 项目就这么简单!快去试试吧!🚀🔥