环境设置
安装
yum install -g typescript
#or
yarn global add typescript
编译TypeScript
tsc index.ts
自动编译TS/TSX
编译一个或多个TS文件我们可以使用tsc
命令进行编译,这样每次修改TS文件后都需要手动编译。可以配置
VSCode 或
Idea,可自动编译项目中所有的TS文件,需要提供
tsconfig.json 配置文件,配置
outDir属性,指定编译输出目录。
- vscode 配置自动编译
终端->运行任务->typescript->tsc:监视-tsconfig.json 然后就
可以自动生成代码了 - Idea 配置自动编译
Idea不需配置,保存TS文件后会自动编译
初始化TS配置文件
#生成ts配置文档
tsc --init
#修改tsconfig.json下的outDir,指定编译后的目录,HTML引用的js文件指向这个文件即可
参考文档
https://www.runoob.com/typescript/ts-tutorial.html
https://www.w3cschool.cn/typescript/typescript-tutorial.html