《TypeScript 的基本使用》

107 阅读1分钟

本文已参与「新人创作礼」活动,一起开启掘金创作之路。

@TOC


TypeScript

个人博客地址:

图片


简介

JavaScript 的超集(JavaScript 只是 TypeScript 的一部分)

添加了 类型系统 ,变量类型有明确的指定

添加了 接口枚举 、...

由微软开发;用于开发大型应用

let age: number = 18

应用场景:Vue3 使用了 TS、Angular、React


TS解析成JS

在这里插入图片描述

安装 typescript :npm i -g typescript

在这里插入图片描述

使用 typescript 的 tsc 命令实现 TS 解析成 JS: tsc ts文件


hello world TS

tsc hello.ts

在这里插入图片描述 在这里插入图片描述

node js文件,输出结果如下:

在这里插入图片描述


ts-node 包的安装

用来简化 TypeScript 的执行步骤(执行原理还是先将TS转换成JS, 然后执行node JS文件, 过程简化了,让用户感觉不再是那么繁琐)

安装 ts-node : npm i -g ts-node

在这里插入图片描述