快速入门typescript（一）

一、TypeScript是什么呢？ 

        TypeScript 是JavaScript 的超集，它包含了JavaScript ，还额外增加了类型系统 type

        TypeScript 语法是一个完全独立于 react 和 vue 框架的语法，它可以跟 react （React：TS + Hooks）一起使用，也可以和 vue3 （TS + Vue3）一起使用，但 vue2 对它就没那么友好了

二、TypeScript 和 JavaScript 有什么区别呢？

• TypeScript 完全兼容 JavaScript，它可以编译成JavaScript
• 使用 TypeScript 会有更强大的代码类型提示
• 提升了代码的可维护性，使代码重构更容易
• TypeScript 支持最新的 ECMAScript 语法

        typescript 代码必须使用 { } 包裹

三、安装

npm i typescript -g // 全局安装

sudo npm i typescript -g // MAC系统安装方式

安装完毕后使用 “ tsc -v ” 查看安装是否成功和版本号

但每次使用都需要先进行以下步骤;

tsc  你的代码.ts

node 你的代码.js

太过繁琐，所以可以下载安装 ts-node 包，进行简化执行命令

npm i ts-node -g  // 安装 ts-node 命令

ts-node 文件名  // 使用 ts-node 命令

tsc --init  // 配置 typescript 配置文件

四、TypeScript 数据类型

由于它包含了JavaScript 所以 js 有的数据它都有：

JavaScript 的数据类型：

        number、string、Boolean、null、undefined、symbol、object 等等

TypeScript 新增数据类型：

        联合类型、自定义类型、接口、元组、字面量类型、枚举、void、any 等