TypeScript学习记录

一、概念

*.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:\Users\xxx\AppData\Roaming\npm\node_modules\typescript\lib
注意：AppData是隐藏目录,选择时看不到强行输入就行了，xxx为用户名

b、配置自动编译

c、tsconfig.json

{
  "compilerOptions": {
    "target": "es5",　　　　　　//ECMAScript版本
    "noImplicitAny": false,　　//any 类型
    "module": "amd",　　　　　　//
    "removeComments": true,　　//编译生成js文件时移除注释
    "sourceMap": true　　　　　 //生成.map 文件
  }
}

　　 

 

参考资料：

TypeScript官网

TypeScript中文网

TypeScrpit Handbook 中文版

w3cshcool之Typescript快速入门

DefinitelyTyped

The TypeScript Definition Manager

TSD（全称为：TypeScript Definition manager for DefinitelyTyped）- ts包管理工具

使用Visual Studio Code搭建TypeScript开发环境

打造TypeScript的Visual Studio Code开发环境

tsd-提升IDE对JavaScript智能感知的能力

TypeScript Writing .d.ts files(编写声明文件)

如何发布TypeScript的声明文件.d.ts

Github上的d.ts文件

TypeScript的4种编译方式

TypeScript Modules(模块)

TSC Compiler Options

 

TypeScript与React结合起来使用