1、TypeScript简介、环境搭建和简单运行

144 阅读1分钟

TypeScript简介

TypeScript 是由微软公司在 2012 年正式发布,现在也有 8 年的不断更新和维护了,TypeScript 的成长速度是非常快的,现在已经变成了前端必会的一门技能。TypeScript 其实就是 JavaScript 的超集,也就是说 TypeScript 是建立在 JavaScript 之上的,最后都会转变成 JavaScript

TypeScript 开发环境搭建

1. 安装Node环境

可以到Node.js官网去下载 Node 进行安装(node.js.org),建议你下载LTS版本,也就是长期支持版本。

2. 全局安装TypeScript

要使用TypeScript先要在你的系统中全局安装一下TypeScript

npm install typescript -g

3. 建立项目和编译 TS 文件

任意位置新建一个文件目录,把新建立的文件夹拖入到 VSCode 当中,新建一个test.ts文件,写入下面代码:

function test() {
    let text: string = "Hello World";
    console.log(text);
  }
  test();

这时候你使用node test.ts是执行不了的,因为 Node 不能直接运行TypeScript文件,需要用tsc test.ts命令转换编译成了javaScript代码,新生成test.js后执行node Demo1.js,就可以成功执行了。

但是这样操作的效率实在是太低了,可以使用ts-node插件来解决这个问题

4. ts-node 的安装和使用

npm命令全局安装

npm install -g ts-node

安装完成后,直接运行如下命令即可:

ts-node test.ts

image.png

学习日期:2021/12/27

视频参考www.bilibili.com/video/BV1qV…

文档参考jspang.com/detailed?id…

仅供个人学习和记录