[开发工具]TypeScript基础配置使用教程（在VScode中自动编译）

目录

1.初识TypeScript

特点

2.安装TypeScript

1.全局安装:

2.检查是否安装成功:

3.使用教程

vscode自动编译

1.生成配置文件tsconfig.json: tsc --init

2.修改tsconfig.json配置：

3.启动监视任务：

4.在ts内编写代码会自动生成js文件：

?3.小结

1.初识TypeScript

TypeScript是一种由微软开发的开源、跨平台的编程语言。它是JavaScript的超集，最终会被编译为JavaScript代码。 2012年10月，微软发布了首个公开版本的TypeScript，2013年6月19日，在经历了一个预览版之后微软正式发布了正式版TypeScript TypeScript的作者是安德斯·海尔斯伯格，c#的首席架构师。

特点

始于JavaScript，归于JavaScript

TypeScript 可以编译出纯净、简洁的JavaScript 代码，并且可以运行在任何浏览器上、Node.js环境中和任何支持ECMAScript 3(或更高版本)的JavaScript引擎中。 ·强大的类型系统

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

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

总结

TypeScript 在社区的流行度越来越高，它非常适用于一些大型项目，也非常适用于一些基础库，极大地帮助我们提升了开发效率和体验。

2.安装TypeScript

1.全局安装:

cmd黑窗口运行：

npm install -g TypeScript

2.检查是否安装成功:

tsc -V

3.使用教程

ts的文件中如果直接书写js语法的代码,那么在html文件中直接引入ts文件,在谷歌的浏览器中是可以直接使用的

如果ts文件中有了ts的语法代码,那么就需要把这个ts文件编译成js文件,在html文件中引入js的文件来使用

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

vscode自动编译

1.生成配置文件tsconfig.json: tsc --init

2.修改tsconfig.json配置：

"outDir"：“./js”? ? ?(把ts文件最终编译后放在js的目录中)

"strict":false? ? ? ? ?(不使用严格模式)

3.启动监视任务：

终端----》运行任务----》监视tsconfig.json

?

4.在ts内编写代码会自动生成js文件：

?

?3.小结

至此我们的ts在VScode内的配置已经完成，现在请开始我们的TypeScript基础语法学习之旅吧！！