02 安装与配置

安装与配置 #

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 支持)获得实时反馈。