初始化项目
在项目根目录下运行 `tsc --init` 命令,这将自动生成一个 `tsconfig.json` 文件,并包含一些默认的配置项。
配置 `tsconfig.json`
`tsconfig.json` 文件用于配置TypeScript编译器的选项。以下是一个基本的配置示例:
```json
{
"compilerOptions": {
"target": "es2016",
"module": "commonjs",
"esModuleInterop": true,
"strict": true,
"skipLibCheck": true
},
"include": [
"src//*"
],
"exclude": [
"node_modules"
]
}
```
根据项目需求,可以调整 `compilerOptions` 中的选项,例如设置输出文件路径、启用源代码映射等。
编写TypeScript代码
在项目根目录下创建一个 `src` 文件夹,用于存放TypeScript源代码文件。
在 `src` 文件夹中创建一个 `.ts` 文件,例如 `index.ts`,并编写你的代码。
编译TypeScript代码
在终端中运行 `tsc` 命令,这将编译所有在 `include` 配置中指定的文件,并生成相应的JavaScript文件在 `outDir` 指定的目录中。
可以使用 `tsc --watch` 命令来监视文件变化,并在保存时自动重新编译。
运行编译后的JavaScript代码
将生成的JavaScript文件复制到你的项目中的适当位置,例如在HTML文件中通过 `