TypeScript 入门
TypeScript 编译器
TypeScript 使用编译器转换为 JavaScript。
TypeScript 转换为 JavaScript 意味着它可以在任何 JavaScript 可以运行的地方运行!
安装编译器
TypeScript 有一个官方编译器,可以通过 npm 安装。
了解更多关于 npm 以及如何开始的信息:什么是 npm?
在您的 npm 项目中,运行以下命令来安装编译器
npm install typescript --save-dev
这应该会给您一个类似于以下的输出
添加了 1 个包,并在 2 秒内审计了 2 个包
发现 0 个漏洞
编译器安装在 node_modules
目录中,并且可以使用以下命令运行:npx tsc
。
npx tsc
这应该会给您一个类似于以下的输出
版本 4.5.5
tsc:TypeScript 编译器 - 版本 4.5.5
随后是一系列常用的命令。
配置编译器
默认情况下,TypeScript 编译器在空项目中运行时会打印帮助信息。
编译器可以使用 tsconfig.json
文件进行配置。
您可以使用以下命令让 TypeScript 创建带有推荐设置的 tsconfig.json
npx tsc --init
这应该会给您一个类似于以下的输出
创建了一个新的 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 模板、node 启动项目 和 webpack 插件。