Typescript 介绍

  1. Typescript是由微软开发的一款开源的编程语言。
  2. Typescript是Javascript的超集,遵循最新的Es6,Es5标准,Typescript扩大了Javascript的语法。
  3. Typescript更像后端Java、c#这样的面向对象语言,能够让Js开发大型企业我的项目。
  4. 谷歌也在大力支持Typescript的推广,谷歌的angular2.x+就是基于Typescript的语法。
  5. 最新的Vue、React也能够集成Typescript。
  6. Node.js框架Nest.JS、MidWay中用的就是Typescript的语法

Typescript装置

  1. 装置命令
    npm install -g typescript
  2. 验证是否装置胜利
    tsc -v
  3. 编译ts成es5
    cd到目录下,tsc index.ts, 就在同样目录下生成index.js 文件
  4. 配置主动编译
    每次改变ts文件,都要运行一次tsc index.ts显然是不不便的,当初来配置主动编译。
    a. cd到目录下
    b. 运行tsc -init 生成tsconfig.json文件
    c. 依照图中,解开outDir和rootDir的正文,rootDir是ts源码的文件夹,outDir是编译后输入对应的js文件

    d. vscode 工具栏:终端---运行工作--typescript, 如图所示,抉择tsc监督,当初你在src文件夹写的ts代码就会主动输入到对应的build文件夹里了

依照下面的步骤,就能主动将ts文件编译在对应的js文件里了