TypeScript 的安装 和 VSCODE 配置自动编译

一、TypeScript 介绍

1. TypeScript  是由微软开发的一款开源的编程语言。

2. TypeScript  是 JavaScript 的超集,遵循最新的ES6、ES5规范。TypeScript  扩展了 JavaScript 的语法。

3. TypeScript 更像后端 java、 C# 这样的面向对象语言,可以让 js 开发大型企业项目。

4. 谷歌也在大力支持 TypeScript  的推广,谷歌的 angular 2.x+ 就是基于 TypeScript 语法。

5. 最新的 Vue、React 也可以集成 TypeScript 。

6. Nodejs 框架 Nestjs、midway 中用的就是 TypeScript  语法。

TypeScript 的安装 和 VSCODE 配置自动编译

 

 

 

 二、TypeScript  安装、编译

在使用 npm 命令之前,电脑需要安装 nodejs

安装:

npm install -g typescript

cnpm install -g typescript

yarn global add typescript

 运行:

tsc helloworld.ts

如何实现保存 ts 文件就会自动编译成 js 文件呢?

在文件目录中运行 cmd , 输入 tsc --init ,就会生成一个 tsconfig.json 文件,文件中有 outDir 选项,可以自定义输出 js 文件的目录。

在VsCode 中,终端 -> 运行任务 -> typescript ->  监视  tsconfig.json,然后新建一个 index.ts 文件,随便输入一句 console.log("你好ts"),保存,就会自动生成 js 文件啦~

TypeScript 的安装 和 VSCODE 配置自动编译

 

 

TypeScript 的安装 和 VSCODE 配置自动编译

 

 

TypeScript 的安装 和 VSCODE 配置自动编译

 

 TypeScript 的安装 和 VSCODE 配置自动编译

 

TypeScript 的安装 和 VSCODE 配置自动编译

上一篇:专题 二分图 + 网络流


下一篇:从0到1手把手开发脚手架