1. 创建项目目录并初始化
首先创建一个新的项目目录,进入该目录并初始化 npm 项目。
mkdir express-server
cd express-server
npm init -y
2. 安装依赖
安装 Express 框架
npm install express@4
3. 创建项目结构
在项目根目录下创建 src 目录,并创建 app.ts 启动文件。
mkdir src
touch app.js
4. 编写 Express 应用
在 src/app.js 中编写一个简单的 Express 应用:
const express = require('express');
const app = express();
const port = 3000;
// 定义一个简单的路由
app.get('/', (req, res) => {
res.send('Hello, Express!');
});
// 启动服务器
app.listen(port, () => {
console.log(`Server is running on http://localhost:${port}`);
});
5. 配置 package.json 脚本
在 package.json 中添加启动脚本:
{
"name": "express-server",
"version": "1.0.0",
"scripts": {
"start": "node --scripts-prepend-node-path src/app.js"
},
"dependencies": {
"express": "^4.21.2"
}
}
6. 启动项目
启动开发服务器:
npm start
7. 验证项目
打开浏览器,访问 http://localhost:3000,如果看到 Hello, Express!,就说明项目已经成功启动。
开发环境优化(可选)
为了在开发过程中实现代码修改后自动重启服务器,可以安装 nodemon:
npm install --save-dev nodemon
在 package.json 中添加 dev 脚本,使用 nodemon 监听 src/app.js 文件
"dev": "nodemon src/app.js"