初始化配置
使用 `tsc --init` 命令生成 `tsconfig.json` 配置文件。这个文件包含了编译器的基本配置,如模块类型、源代码目录、输出文件路径等。
编译代码
直接运行 `tsc` 命令即可编译 TypeScript 代码。如果你希望监视文件变化并在保存时自动编译,可以使用 `tsc -watch` 或其缩写 `tsc -w`。
配置文件属性
`tsconfig.json` 文件中的配置项非常重要,因为它们决定了 TypeScript 编译器的行为。例如,你可以设置模块类型(如 CommonJS、AMD、SystemJS 等)、源代码目录(`rootDir`)、输出文件(`outFile`)和输出目录(`outDir`)。
高级配置
如果你需要更高级的配置,可以查阅 TypeScript 官方文档或相关教程,以了解更多关于 `tsconfig.json` 文件中可用配置选项的信息。
示例
假设你有一个简单的 TypeScript 项目结构如下:
```
my-project/
├── src/
│ ├── main.ts
│ └── utils.ts
└── Resources/
└── js/
```
初始化配置
```sh
tsc --init
```
这将在项目根目录下生成一个 `tsconfig.json` 文件,内容可能如下:
```json
{
"compilerOptions": {
"module": "AMD",
"target": "ES5",
"outDir": "../Resources/js",
"outFile": "../Resources/js/main.js"
},
"include": [
"src//*.ts"
],
"exclude": [
"node_modules/"
]
}
```
编译代码
```sh
tsc
```
编译后的 JavaScript 文件将生成在 `Resources/js/main.js`。
监视文件变化
```sh
tsc -watch
```
每当你修改并保存 `src` 目录下的任何 TypeScript 文件时,编译器都会自动重新编译。
注意事项
确保你已经安装了 TypeScript 编译器。你可以通过运行 `tsc -v` 来检查是否已安装,或者通过 npm 安装:
```sh
npm install -g typescript
```
根据你的项目需求调整 `tsconfig.json` 文件中的配置选项。
通过以上步骤,你应该能够开始使用 TSC 软件进行 TypeScript 代码的编译和监视。