基本安装

2024-07-09 11:39:50 464
TypeScript基本安装与配置

安装 TypeScript

通过 npm 安装

你可以通过 npm(Node Package Manager)来安装 TypeScript。在终端或命令提示符中运行以下命令:

npm install -g typescript

这将全局安装 TypeScript 编译器 tsc

验证安装

安装完成后,可以通过运行以下命令来验证安装是否成功:

tsc --version

如果正确安装,你将看到 TypeScript 的版本号。

配置 TypeScript

创建 tsconfig.json 文件

tsconfig.json 文件是 TypeScript 项目的配置文件,定义了编译选项和项目结构。你可以通过运行以下命令在项目根目录中创建一个默认的 tsconfig.json 文件:

tsc --init

这将生成一个带有默认设置的 tsconfig.json 文件。你可以根据需要修改这个文件。

tsconfig.json 文件示例

以下是一个基本的 tsconfig.json 文件示例:

{
  "compilerOptions": {
    "target": "es5",                          // 指定 ECMAScript 目标版本
    "module": "commonjs",                     // 指定模块系统
    "strict": true,                           // 启用所有严格类型检查选项
    "esModuleInterop": true,                  // 启用 ES 模块互操作性
    "skipLibCheck": true,                     // 跳过库文件的类型检查
    "forceConsistentCasingInFileNames": true  // 强制文件名一致性
  },
  "include": ["src"],   // 指定需要编译的文件目录
  "exclude": ["node_modules", "**/*.spec.ts"] // 排除不需要编译的文件目录
}

编译 TypeScript 文件

使用 tsc 命令编译 TypeScript 文件:

tsc

这将根据 tsconfig.json 文件中的配置编译项目中的所有 TypeScript 文件。