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 运行。 p>
npx tsc
这应该会给你类似的输出:
Version 4.5.5
tsc: The TypeScript Compiler - Version 4.5.5
后面是所有常用命令的列表。
配置编译器
默认情况下，TypeScript 编译器在空项目中运行时会打印帮助消息。
可以使用 tsconfig.json 文件配置编译器。
您可以让 TypeScript 使用以下推荐设置创建 tsconfig.json:
npx tsc
这应该会给你类似的输出:
使用以下命令创建了一个新的 tsconfig.json:
TS
target: es2016
module: commonjs
strict: true
esModuleInterop: true
skipLibCheck: true
forceConsistentCasingInFileNames: true
您可以在 https://aka.ms/tsconfig.json 了解更多信息
下面是您可以添加到 tsconfig.json 文件的更多内容的实例:
{
"include": ["src"],
"compilerOptions": {
"outDir": "./build"
}
}
您可以在编辑器中打开文件以添加这些选项。 这将配置 TypeScript 编译器以将位于项目 src/ 目录中的 TypeScript 文件转换为 build/ 目录中的 JavaScript 文件。
这是快速开始使用 TypeScript 的一种方法，还有许多其他选项可用，例如 create-react-app template, node starter project, webpack plugin.
