TypeScript 轻松入门（一）

一  什么是Typescript？

JavaScript概述:

• JavaScript（JS）是一种运行在客户端（比如：浏览器）中的编程语言。当应用于浏览器时，为网站提供动态交互特性，让网页“动”起来。
• JavaScript 的运行环境：1.浏览器 2. node.js
• Node.js让JavaScript 摆脱了浏览器的束缚，可以实现服务器/桌面端编程等。 其他：微信小程序，微信小游戏等等。

TypeScript概述：

• TypeScript（简称 ：TS） 是JavaScript的超集（JS有的TS都有）
• TypeScript = Type + JavaScript(为 JS添加了类型系统）。
• TypeScript 是微软开发的开源编程语言，设计目标是开发大型应用。可以在任何浏览器，任何计算机，任何操作系统上运行。

和JS相比TS的优势：

• 类型化思维方式，使得开发更加严谨，提前发现错误，减少改Bug时间
• 类型系统提高了代码可读性，并使维护和重构代码更加容易
• 补充了接口，枚举等开发大型应用时JS缺失的功能。
• Vue3源码使用TS重写，释放出重要信号：TS是趋势
• Angular默认支持TS；React与TS完美配合，是很多大型项目的首选

 

二  开发工具准备

• VSCode 下载安装

插件-汉化

 

 

 

• Node.js 下载安装

验证是否安装成功：打开终端 输入 命令 node --version

• 安装解析TS的工具包

为什么要安装这个工具包？

1. Node.js浏览器，只认识JS代码，不认识TS代码
2. 需要先将TS代码转换为JS，然后就可以在Node.js浏览器中运行了。

安装步骤：

1. 打开VSCode终端
2. 输入安装命令：npm i -g typescript敲回车，来安装（需联网）

 

 

 

三  创建第一个TS文件

3.1创建文件步骤

 

 

3.2 简化执行TS的步骤