TypeScript Handbook 教程

TypeScript Handbook 教程

TypeScript-HandbookDeprecated, please use the TypeScript-Website repo instead项目地址:https://gitcode.com/gh_mirrors/ty/TypeScript-Handbook

1. 项目目录结构及介绍

TypeScript Handbook 的源代码组织如下：

• content: 主要的 Markdown 文件，包含了所有手册章节的内容。

  • basics: 基础类型相关的章节
  • everyday-types: 每日编程中常见的类型
  • functions: 函数相关的内容
  • object-types: 对象类型的讨论
  • narrowing: 类型窄化
  • more-on-functions: 更多关于函数的信息
  • generics: 泛型
  • index: 索引文件，用于构建导航
  • ... (其他子目录按主题划分)

• public: 包含静态资源，如 CSS 样式表和图片。

• scripts: 用于处理 Markdown 文件和构建站点的脚本。

• site.json: 网站配置文件，定义了页面元数据和导航结构。

• .gitignore, .editorconfig, tsconfig.json: 版本控制配置、编辑器配置和 TypeScript 项目配置文件。

这个项目是基于 Markdown 文档构建的在线手册，使用脚本将 Markdown 转换为 HTML 页面并部署到 web 服务器。

2. 项目的启动文件介绍

由于 TypeScript Handbook 是一个静态网站项目，没有传统的“启动”文件，比如 main.js 或者 app.py。取而代之的是，它依赖于构建脚本来转换 Markdown 文件和创建 HTML 页面。主要的构建流程由以下步骤完成：

1. 运行 npm install 来安装必要的依赖包，包括 typescript 和其他构建工具。
2. 运行 npm run build 或 npm start，这会执行 scripts/build.sh 脚本，该脚本调用 TypeScript 应用来处理 Markdown 文件生成 HTML。
3. 在本地开发时，使用 npm run serve 会启动一个 Web 服务器，以便在浏览器中查看和测试更改。

这些命令都是通过 package.json 中的 scripts 部分定义的。

3. 项目的配置文件介绍

.editorconfig

.editorconfig 文件定义了文本编辑器的一致性设置，例如缩进风格和大小，它帮助维护团队间的代码格式一致性。

tsconfig.json

tsconfig.json 是 TypeScript 项目的配置文件，虽然这个项目本身不是 TypeScript 代码，但是它用于编译用于构建过程的 TypeScript 脚本。配置文件中的选项包括 compilerOptions 和 include/exclude，它们指定了 TypeScript 编译器应该如何处理源文件。

site.json

site.json 文件定义了网站的结构，包括导航菜单和页面属性。它告诉构建脚本如何生成最终的 HTML 导航条。

scripts/build.sh

这是一个 Bash 脚本，负责运行构建过程，它调用了 TypeScript 编译器和其他辅助工具来转换 Markdown 文件并准备 HTML 输出。

通过以上介绍，你应该对 TypeScript Handbook 项目的结构和工作原理有了基本理解，接下来可以通过阅读 Markdown 文件和运行构建脚本来更深入地探索这个项目。

TypeScript-HandbookDeprecated, please use the TypeScript-Website repo instead项目地址:https://gitcode.com/gh_mirrors/ty/TypeScript-Handbook