一、Typescript的引入以及开发环境的搭建

前言：Typescript是什么？

        江湖上统一的说法是，Typescript是Javascript的“超集”，它不是一门新的语言。我们可以将Typescript理解为”Javascript 2.0“,他是在Javascript的基础上进行的一次拓展与优化。

        换句话说，JavaScript有的，Typescript都有；JavaScript没有的，Typescript也有。而且可以保证在一定的范围内是优于Javascript的。Typescript不是存在于真空中的，他的基础是Javascript。

总结Typescript：      

• 以Javascript为基础构建的语言
• 可以在任何支持Javascript的平台中执行
• 一个JavaScript的超集
• Typescript扩展了Javascript并添加了类型

一、产生背景

        TypeScript 起源于使用JavaScript开发的大型项目 。由于JavaScript语言本身的局限性，难以胜任和维护大型项目开发。因此微软开发了TypeScript ，使得其能够胜任开发大型项目。

二、开发环境的搭建：

1.安装TypeScript：

安装Typescript有以下两种引入方法：

        ① 通过npm（Node.js包管理器）

        ② 安装Visual Studio的TypeScript插件

我们主要针对第一种方法进行安装引入：

（1）下载node.js
                64位：Node.js (nodejs.org)

（2）安装node.js:此处不做赘述，next -> install 就可以

（3）使用 npm 全局安装Typescript：

                在命令行窗口输入如下命令：（全局安装Typescript）

npm i -g typescript

（4）创建第一个ts文件（个人此处命名为”hello_typescript“）

 （5）选择自己喜欢的代码编辑器打开创建的ts文件，个人此处使用VScode

        输入如下代码：

console.log('hello，typescript');

由于Typescript是Javascript的”超集“，所以所有JavaScript的语法都可以在Typescript种正常编写，

 但是ts文件不能被JS解析器直接执行，所以我们需要将创建好的ts文件进行编译，将ts文件转化为js文件。

(6)使用tsc对ts文件进行编译转换

        ①进入cmd：（出于方便，个人在VScode直接打开powershell终端，输入cmd就可以直接进入cmd）

如不使用VScode，也可以打开Dos命令行窗口，通过cd命令进入对应的ts文件所在目录

②执行如下代码

tsc xxx.ts

 将xxx替换为对应ts文件名，需注意一定要准确的进入ts文件所在目录。

命令执行后，在同级目录下回出现相同文件名的js文件

 将此js文件引入到html文件中并运行html文件

 查看控制台发现，正常运行了我们在ts文件中编写的输出命令

下一节： 二、（1）Typescript----类型声明_熬夜点外卖的猪精的博客-CSDN博客