温馨提示×

首页 > 教程 > 编程开发 > Typescript基础教程 > 开发一个简单的Typescript应用

开发一个简单的Typescript应用

在这个简单的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开发应用。