一、概念
*.ts：typescript代码文件
*.d.ts：typescript元数据文件(申明文件)
二、手动编译typescript
在cmd中定位到.ts文件所在目录，执行如下命令：
tsc -t ES6 xxx.ts
命令详情：
tsc -h
tsc --outDir：将编译结果输出到指定文件夹
tsc --outFile ：将编译结果输出到指定文件
tsc --declaration ：生成 .d.ts申明文件
举例：
tsc --lib dom,es2015.promise,es5 --sourceMap -d --outFile mime.all.js util/mime.util.ts ajax/mime.ajax.ts dialog/mime.dialog.ts validator/mime.validator.ts form/mime.form.ts bootstrap/mime.bootstrap.ts typings/**/*
三、包文件引用
<reference path="jquery/jquery.d.ts" />
或者
import "jquery/jquery.d.ts"
四、在IDEA中配置TypeScript
1、下载并安装node.js，https://nodejs.org/
2、升级typescript
npm install -g typescript
3、在IDEA中配置
a、配置node.js
编译器路径
C:UsersxxxAppDataRoaming
pm
ode_modules ypescriptlib
注意：AppData是隐藏目录,选择时看不到强行输入就行了，xxx为用户名
b、配置自动编译
c、tsconfig.json
{
"compilerOptions": {
"target": "es5", //ECMAScript版本
"noImplicitAny": false, //any 类型
"module": "amd", //
"removeComments": true, //编译生成js文件时移除注释
"sourceMap": true //生成.map 文件
}
}
参考资料：
The TypeScript Definition Manager
TSD（全称为：TypeScript Definition manager for DefinitelyTyped）- ts包管理工具
使用Visual Studio Code搭建TypeScript开发环境
打造TypeScript的Visual Studio Code开发环境