TypeScript 简介，安装，配置自动编译？

最新推荐文章于 2021-06-23 20:53:53 发布

『九离~空白』

最新推荐文章于 2021-06-23 20:53:53 发布

阅读量96

点赞数

分类专栏： typescript，vue3.x 文章标签： types

本文链接：https://blog.csdn.net/qq_44722915/article/details/115232526

版权

3 篇文章 0 订阅

订阅专栏

TypeScript 相关简介？

概念：TypeScript 是微软在 2012 年开发的一款开源的编程语言，是 Javascript 的超集，遵循最新的ES6，ES5 规范。扩展了 JS 的语法，它更像后端 JAVA，C# 这样的面向对象语言，可以让 JS 开发大型企业项目。

TypeScript 应用？

应用：谷歌 angular2.x+ 基于 TypeScript 语法，最新的 Vue, React 也可以集成 TypeScript ，Nodejs 框架 Nestjs, midway 中用的就是TypeScript 语法。

TypeScript 安装？

cmd 打开命令行界面。
输入下面命令。
  npm i -g typescript
  // 或者
  cnpm i -g typescript
  // 或者
  yarn global add typescript

验证 TypeScript 是否安装成功？

cmd 打开命令行界面。
输入下面命令。
// cmd 打开命令行界面，输入tsc -v 查看安装的typescript版本，来验证是否安装成功
tsc -v 

TypeScript 文件的编译？

TypeScript 文件最终会编译成 ES5 语法的 js 文件。

项目中新建 index.ts 文件。
终端中切换到相关目录下。
输入 tsc index.ts 后，进行编译，输出一个对应的 index.js 文件。
tsc index.ts

VScode 中配置 ts 文件自动编译 js 文件？

创建 tsconfig.json文件，通过 tsc --init 命令生成配置文件。

打开配置文件，将 outDir 取消注释，值改为 ./js 。

在 VScode 顶部菜单选项中点击终端，找到运行任务，点击 tsc:监视-tsconfig.json 。

关注