首页 > 其他 > 详细

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

时间:2021-07-18 14:16:51      阅读:23      评论:0      收藏:0      [点我收藏+]

一、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  安装、编译

在使用 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 配置自动编译

原文:https://www.cnblogs.com/bulu08042/p/15026355.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!