TypeScript 入门


TypeScript 编译器

使用编译器将 TypeScript 转换为 JavaScript。

TypeScript 被转换为 JavaScript 意味着它可以在 JavaScript 运行的任何地方运行!


安装编译器

TypeScript 有一个官方编译器,可以通过 npm 安装。

了解有关 npm 以及如何开始的更多信息:什么是 npm?

在您的 npm 项目中,运行以下命令来安装编译器:

npm install typescript --save-dev

这应该会给你一个类似于以下内容的输出:

added 1 package, and audited 2 packages in 2s
found 0 vulnerabilities

编译器安装在node_modules目录并可以运行:npx tsc

npx tsc

这应该会给你一个类似于以下内容的输出:

Version 4.5.5
tsc: The TypeScript Compiler - Version 4.5.5

接下来是所有常用命令的列表。



配置编译器

默认情况下,TypeScript 编译器在空项目中运行时会打印帮助消息。

编译器可以使用配置tsconfig.json文件。

您可以让 TypeScript 创建tsconfig.json使用推荐设置:

npx tsc --init

这应该会给你一个类似于以下内容的输出:

Created a new tsconfig.json with:
TS
  target: es2016
  module: commonjs
  strict: true
  esModuleInterop: true
  skipLibCheck: true
  forceConsistentCasingInFileNames: true

You can learn more at https://aka.ms/tsconfig.json

这是您可以添加到的更多内容的示例tsconfig.json文件:

{
  "include": ["src"],
  "compilerOptions": {
    "outDir": "./build"
  }
}

您可以在编辑器中打开该文件以添加这些选项。这将配置 TypeScript 编译器来转译位于src/项目目录中的 JavaScript 文件build/目录。

这是快速开始使用 TypeScript 的一种方法,还有许多其他选项可用,例如创建React应用程序模板, A节点启动项目,和一个网页包插件


TypeScript 练习

通过练习测试一下

练习:

TypeScript编译器可以配置哪些文件?

.json
        

开始练习