为什么要用TypeScript

  1. JavaScript和TypeScript的主要区别为：TypeScript是静态类型，js是动态类型（详见强类型、弱类型、静态类型、动态类型的区别）。
  2. 但这不意味着两者差距多大，只是类型检查的时机不同而已，TS和js根本上的差别就这一点，然而其意义却举足轻重。

  3. 静态类型检查可以做到early fail，即你编写的代码即使没有被执行到，一旦你编写代码时发生类型不匹配，语言在编译阶段（解释执行也一样，可以在运行前）即可发现，同时IDE也能提供大量便捷支持。对小型项目而言也许发挥不出多大优势，然而当项目规模膨胀，运行前的类型检查就大放异彩了——首先，大型项目测试调试分支覆盖困难，很多代码并不一定能够在所有条件下执行到，运行前的类型检查是减少bug的一大手段；其次，静态类型对阅读代码是友好的，在团队合作、代码维护和交接中意义不言自明；最后，IDE提供的大量便捷支持和TS本身的语法检查和代码提示自动补全让开发者提高效率，方便重构（维护过大型web项目中各种乱七八糟的js文件就能发现静态类型多美好）。

    准备工作

  4. 安装

    1. npm install -g typescript

  5. 初始化项目

    1. tsc --init
  • 设置js输出路径, 将tsconfig.json中的 "outDir": "./" 注释打开，也可以换成你想要编译后存放的目录,比如 ‘./dist’
  • 自动编译ts文件, 打开一个终端，运行
    1. tsc -w