TypeScript ~ TS 掌握自动编译命令 ③

在TypeScript中，我们可以使用tsc命令来进行自动编译。这个命令可以帮助我们将TypeScript代码转换成JavaScript代码。

方法一：全局安装typescript

首先，你需要全局安装TypeScript。你可以通过npm来安装它。

npm install -g typescript

然后，你可以使用tsc命令来编译你的TypeScript文件。例如，如果你有一个名为app.ts的文件，你可以使用以下命令来编译它：

tsc app.ts

这将生成一个名为app.js的JavaScript文件。

方法二：本地安装typescript

如果你不想全局安装typescript，你可以在你的项目中本地安装它。

npm install --save-dev typescript

然后，你可以在你的package.json文件中添加一个脚本来运行tsc命令。

"scripts": {
  "build": "tsc"
}

然后，你可以使用npm来运行编译过程：

npm run build

方法三：使用tsconfig.json配置文件

tsconfig.json是TypeScript项目的配置文件，它告诉编译器如何编译.ts文件。

{
  "compilerOptions": {
    "outDir": "./dist",
    "target": "es5",
    "module": "commonjs"
  },
  "include": [
    "./src/**/*"
  ],
  "exclude": [
    "node_modules"
  ]
}

在这个配置文件中，include字段指定了需要编译的文件或文件夹，exclude字段指定了需要排除的文件或文件夹。

然后，你可以直接使用tsc命令来编译项目：

tsc

这将编译include字段指定的所有ts文件，并将它们输出到outDir字段指定的目录中。

以上就是TypeScript中使用tsc命令进行自动编译的几种方法。