浏览 74
扫码
在这个简单的Typescript应用中,我们将创建一个简单的待办事项应用,用户可以添加待办事项、标记已完成的事项以及删除事项。
步骤一:安装Typescript
首先,确保你已经安装了Node.js环境。然后使用以下命令安装Typescript:
npm install -g typescript
步骤二:初始化项目
在一个空文件夹中执行以下命令初始化项目:
npm init -y
步骤三:安装相关依赖
安装必要的依赖包:
npm install express body-parser --save
步骤四:创建Typescript文件
在项目根目录下创建一个名为app.ts
的Typescript文件,这个文件将包含我们的应用逻辑。
import express, { Request, Response } from 'express';
import bodyParser from 'body-parser';
const app = express();
const port = 3000;
app.use(bodyParser.json());
let todos: string[] = [];
app.get('/todos', (req: Request, res: Response) => {
res.json(todos);
});
app.post('/todos', (req: Request, res: Response) => {
const { todo } = req.body;
todos.push(todo);
res.json({ message: 'Todo added successfully' });
});
app.put('/todos/:id', (req: Request, res: Response) => {
const id = parseInt(req.params.id);
todos[id] = `✅ ${todos[id]}`;
res.json({ message: 'Todo marked as done' });
});
app.delete('/todos/:id', (req: Request, res: Response) => {
const id = parseInt(req.params.id);
todos.splice(id, 1);
res.json({ message: 'Todo deleted successfully' });
});
app.listen(port, () => {
console.log(`App is running on http://localhost:${port}`);
});
步骤五:编译Typescript文件
在项目根目录下执行以下命令编译Typescript文件:
tsc app.ts
步骤六:运行应用
执行以下命令启动应用:
node app.js
现在你可以使用Postman或浏览器访问http://localhost:3000/todos
来测试应用接口了。
这就是一个简单的Typescript应用的实例,希朥可以帮助你快速上手使用Typescript开发应用。