安装与配置 TypeScript 环境

1. 安装 Node.js 和 npm

TypeScript 的运行依赖于 Node.js 环境，因此需要先安装 Node.js（自带 npm 包管理器）：

  • 访问 Node.js 官网 下载并安装最新 LTS 版本。
  • 安装完成后，在终端运行以下命令验证安装：
    node -v
npm -v

2. 全局安装 TypeScript

通过 npm 全局安装 TypeScript 编译器（tsc）：

npm install -g typescript

安装完成后，检查版本：

tsc -v

3. 初始化 TypeScript 项目

在项目目录中初始化 TypeScript 配置：

tsc --init

此命令会生成默认的 tsconfig.json 文件，包含 TypeScript 编译选项。

4. 配置 tsconfig.json

tsconfig.json 是 TypeScript 项目的核心配置文件，常见配置项如下：

{
  "compilerOptions": {
    "target": "ES6",          // 编译目标 JavaScript 版本
    "module": "CommonJS",     // 模块系统类型
    "strict": true,          // 启用严格类型检查
    "outDir": "./dist",      // 输出目录
    "rootDir": "./src"       // 源代码目录
  },
  "include": ["src/**/*"],   // 需要编译的文件范围
  "exclude": ["node_modules"] // 排除的文件
}

5. 集成开发环境（IDE）支持

推荐使用 VS Code 作为开发工具：

  1. 安装 VS Code。
  2. 安装插件：
    • TypeScript Language Features（内置支持）
    • ESLint（代码检查）
    • Prettier（代码格式化）

6. 编译与运行

  1. 编写 TypeScript 文件（如 src/index.ts）。
  2. 编译代码：
    tsc
    或启用实时编译：
    tsc --watch
  3. 运行生成的 JavaScript 文件：
    node dist/index.js

7. 可选工具

  • ts-node：直接运行 TypeScript 文件（无需手动编译）：
    npm install -g ts-node
ts-node src/index.ts
  • nodemon：监听文件变化自动重启：
    npm install -g nodemon
nodemon --exec ts-node src/index.ts

常见问题

  • 权限错误：在 Linux/macOS 中，全局安装可能需要 sudo。
  • 版本冲突：使用 nvm 管理多版本 Node.js。
  • 配置不生效：确保 tsconfig.json 文件位于项目根目录。

完成以上步骤后，即可开始开发 TypeScript 应用！

Last Updated::