ts安装和初识

ts是一种由微软开发的开源、跨平台的编程语言，它是js的超集，最终会编译为js代码。ts代码没法直接在浏览器使用，通过ts自己的编译器，把ts的代码编译为js代码，这样就可以正常被解析出来了。

2012年10月，微软发布了首个公开版本的ts,2013年 6月19日，在经历了一个预览版之后微软发布了正式版的ts。作者是安德斯.海尔斯伯格，ts扩展了js的语法，所以任何现有的js程序都可以运行在ts环境中

 

ts特点：

• 始于js，归于 js

ts可以编译出纯净、简洁的js代码，并且可以运行在任何浏览器上，node.js环境中和任何支持ECMAScript3(或更高版本)的js引擎中。

• 强大的类型系统

类型系统允许js开发者在开发js应用程序时使用高效的开发工具和常用操作比如静态检查和代码重构

• 先进的js

ts提供最新的和不断发展的js特性，包括那些来自2015年的 ecmascript和未来的提案中的特性，比如异步功能和decorators,以帮助建立健壮的组件。

 

npm i -g typescript

安装完成之后，在控制台运行如下命令：tsc -v查看安装是否成功

vscode自动编译.ts文件

创建tsconfig.json文件

tsc --init 生成配置文件

tsc app.ts -w //自动监视页面

切换到对应目录里，点击vscode的终端----监视tsconfig.json----选择typescript----tsc监视tsconfig.json

点完以后保存代码之后会自动监视

老版本的vscode点击：任务---运行任务---tsc:监视-tsconfig.json然后就可以生成代码了

 

总结：如果ts文件中直接书写了js代码，那么在html文件中直接引入ts文件，在谷歌浏览器中是可以直接使用的；如果ts文件中有了ts的代码，那么就需要把这个ts文件编译为js文件，在html文件中引入js的文件来使用。

ts文件中的函数中的形参，如果使用了某个类型进行修饰，最终在编译的js文件中是没有这个类型的。

ts文件中的变量使用的let进行修饰，编译的js文件中的修饰符就变成var了