安装与配置 #
TypeScript 的安装和配置是开始使用它的第一步,主要通过 npm 工具进行。
基本概念 #
安装 TypeScript 后,可以使用 tsc 命令编译 .ts 文件为 .js 文件。配置通过 tsconfig.json 文件自定义编译选项,如目标 ES 版本、模块系统等。
使用场景 #
- 新建 TypeScript 项目时,进行初始安装和配置。
- 在现有 JavaScript 项目中逐步引入 TypeScript。
- 自定义编译行为,如严格模式、源映射等。
示例代码 #
安装命令:
npm install -g typescript
编译文件:
tsc hello.ts
基本 tsconfig.json 示例:
{
"compilerOptions": {
"target": "es5",
"module": "commonjs",
"strict": true
}
}
最佳实践 #
- 使用 npm 或 yarn 管理项目依赖,安装 typescript 作为 devDependency。
- 配置 tsconfig.json 以启用严格类型检查,提升代码质量。
- 结合编辑器插件(如 VS Code 的 TypeScript 支持)获得实时反馈。