3、构建 TypeScript 待办事项应用：从基础到功能扩展

构建 TypeScript 待办事项应用：从基础到功能扩展

1. 初始 TypeScript 应用搭建

在开始编写 TypeScript 应用时，我们先从一个简单的待办事项列表应用入手。以下是 index.ts 文件中测试移除待办事项的代码：

import { TodoItem } from "./todoItem";
import { TodoCollection } from "./todoCollection";
let todos: TodoItem[] = [
    new TodoItem(1, "Buy Flowers"), new TodoItem(2, "Get Shoes"),
    new TodoItem(3, "Collect Tickets"), new TodoItem(4, "Call Joe", true)
];
let collection: TodoCollection = new TodoCollection("Adam", todos);
console.clear();
console.log(`${collection.userName}'s Todo List`);
//collection.addTodo(todoItem);
collection.removeComplete();
collection.getTodoItems(true).forEach(item => item.printDetails());

要编译并执行上述代码，在 todo 文件夹中运行以下命令：