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
found 0 vulnerabilities
该编译器安装在 node_modules
目录中,可以与 npx tsc
一起运行:
npx tsc
这会给你一个类似的输出:
Version 4.5.5
tsc: The TypeScript Compiler - 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
target: es2016
module: commonjs
strict: true
esModuleInterop: true
skipLibCheck: true
forceConsistentCasingInFileNames: true
下面是可以添加到 tsconfig.json
文件的更多内容的实例:
{
"include": ["src"],
"compilerOptions": {
"outDir": "./build"
}
}
"include": ["src"],
"compilerOptions": {
"outDir": "./build"
}
}
可以在编辑器中打开该文件以添加这些选项。这将配置 TypeScript 编译器,将位于项目 src/
目录中的 TypeScript 文件转换为 build/
目录中的 JavaScript 文件。
这是快速使用 TypeScript 的一种方法,还有许多其他选项可用,例如创建 create-react-app template、node starter project 和 webpack 插件。