[JavaScript知识库]TypeScript介绍及安装

什么是type script？

Type Script是由微软开发的开源的、跨平台的开发语言。type script是js的超集，即是js的升级，具有类型系统并可以编译为纯js

为什么使用type script？

js是动态类型语言， 很多语法错误在编译阶段无法被发现，只能在运行时暴露；
ts是静态类型语言，静态类型可以让编译器在编译阶段检测语法错误，能避免许多潜在的bug
ts让js书写更加规范化

ts的优点

• 提高开发效率和代码质量，强大的类型系统不仅可以在编译阶段检查语法错误，还能实现代码补全、接口提示、跳转到定义和代码重构等操作；
• 可以编译出纯净的、简洁的js代码，并且可以运行在任何浏览器上；
• 提供最新的和不断发展的js特性。

搭建环境

• npm安装最新版type script

## Windows版
npm install -g typescript
 
 
## Mac版（因为用了 -g 命令进行全局安装，所有要这前面写上 sudo）
sudo npm install -g typescript
 
## 然后输入电脑密码进行安装（Windows版没有这步）
 
 
## 如果嫌安装速度慢，可以使用淘宝提供的npm镜像。
## 在上面的命令后面加一个 空格。
## 然后在空格后面加上下面这句命令，然后按回车即可。
npm install -g cnpm -registry=https://registry.npm.taobao.org

• 安装成功后，可查看版本号tsc -V
• 在项目文件中创建test.ts文件，即可进行ts编写
• 编译ts文件ts test.ts
  使用上面的方法可以逐个编译每一个ts文件
• 自动编译ts文件
  通常项目中会有多个ts文件需要编译，且每次修改后需要手动输入命令再次编译，如果想要自动编译，则可以根据以下方法创建并修改 tsconfig.json文件
• 1. 编译多个ts文件

     ## 首先进入到上面文件的目录（cd xxxxxx)
     
     ## 使用下面这句命令，会生成一个 tsconfig.json 文件。
     ## tsconfig.json文件会记录所有ts的相关配置和所有 ts 文件。
     tsc --init
     
     ## 在生成了 tsconfig.json 后，使用下面的命令就可以把项目中所有 ts 文件转换成 js 文件。
     tsc
     

• 2. 修改tsconfig.json配置 "outDir": "./js", "strict": false
• 3. 点击vscode-终端-运行任务-typescript-监视tsconfig.json，新建 test.ts 文件，输入ts代码，保存即自动生成对应的js文件。

• 4. 也可以下载vscode编译ts的插件 TypeScript Auto Compiler 安装成功后每次保存ts文件时都会在同级目录下自动生成一个对应的js文件。

     推荐新手使用官方提供的在线ts编译工具Playground