基本配置

不错的Ts学习网站：

• TypeScript 入门教程
• 阮一峰TypeScript教程

1.概念

说明：TypeScript是JavaScript的一个超集，主要提供了 类型系统 和对 ES6 的支持，它由Microsoft微软开发。

组成：JavaScript + type 类型系统 + （some other stuff）一些其他东西例如面向对象一些内容

TIP

项目使用ts只是为了更好的开发，最终打包上线还得js代码，浏览器不支持解析ts文件

2.Ts优势

1、调用函数限制参数类型，例如vue调用组件props的价值

2、编译出现错误提示，减少运行错误（不需要等待代码运行后发现分析逻辑BUG或）

3、代替jsdoc

4、有代码提示

增加了静态类型，可以在开发人员编写脚本时检测错误，使得代码质量更好，更健壮。
优势:
1. 杜绝手误导致的变量名写错;
2. 类型可以一定程度上充当文档;
3. IDE自动填充，自动联想;

3.编译并运行

1.下载ts模块

npm i typescript -g

2.安装ts-node

npm install ts-node -g

3.生成tsconfig.json文件，在项目目录下

tsc --init

4.要想使用ts最新的特性就得修改tsconfig.json文件的“target”为最新标准es6

{
    "compilerOptions": {
        // ....
        "target": "es6",  
        // ....
    }
}

5.安装vscode插件code Runner，在ts文件内右键Run Code即可运行