Typescript的介绍和自动编译

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文件
    Typescript的介绍和自动编译_第1张图片
    d. vscode 工具栏:终端---运行任务--typescript, 如图所示,选择tsc监视,现在你在src文件夹写的ts代码就会自动输出到对应的build文件夹里了 Typescript的介绍和自动编译_第2张图片

你可能感兴趣的:(前端typescript)