关于前端:Typescript的介绍和自动编译

3次阅读

共计 606 个字符,预计需要花费 2 分钟才能阅读完成。

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 文件夹里了
正文完
 0