TypeScript入门一(运行环境搭建相关插件安装使用)

TypeScript简介

TypeScript 是由微软公司在 2012 年正式发布，现在也有 8 年的不断更新和维护了，TypeScript 的成长速度是非常快的，现在已经变成了前端必会的一门技能。TypeScript 其实就是 JavaScript 的超集，也就是说 TypeScript 是建立在 JavaScript 之上的，最后都会转变成 JavaScript。相当于给JavaScript升级了装备，让大家使用起来更加方便，特别是大型项目中，真的好用。比如说它的扩展语法、面向对象、静态类型。

TypeScript开发环境搭建

1.安装Node的运行环境
你可以到node.js官网下载Node进行安装（https://node.js.org）建议你下载LTS版本,也就是长期支持版本。安装的过程我就不演示了，这个过程就和安装 QQ 一样，没有任何难度。
2.全局安装typeScript
相关操作代码，安装命令可以使用yarn也可以使用npm

npm install typescript -g

yarn global add typescript

3.建立项目目录和编译 TS 文件
在D盘(当然你可以在你喜欢的任何一个地方安装)，新建一个目录，我这里起的目录名字叫做TypeScriptDemo，然后把这个文件在 VSCode 中打开，直接使用ctrl+r打开运行，然后在运行的文本框里输入cmd，回车后，打开命令行工具，在命令行中输入下面的命令。

D:
mkdir TypeScriptDemo

完成后，打开 D 盘，打开 VSCode，把新建立的文件夹拖入到 VSCode 当中，新建一个Demo.ts文件，写入下面代码：

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

jspang();

这时候你使用node Demo.ts是执行不成功的，因为 Node 不能直接运行TypeScript文件，需要用tsc Demo.ts转换一下，转换完成后typeScript代码被编译成了javaScript代码,新生成一个demo.js的文件，这时候你在命令行输入node Demo.js,在终端里就可以顺利的输出jspang的字符了。
4.ts-node 的安装和使用
但是这样操作的效率实在是太低了，你可以使用ts-node插件来解决这个问题，有了这个插件，我们就不用再编译了，而使用ts-node就可以直接看到编写结果。

npm install -g ts-node

安装完成后，就可以在命令中直接输入如下命令，来查看结果了。

ts-node Demo1.ts