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
输出应类似于
版本 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 插件。