TypeScript 入门必看

TypeScript 的简介：

TypeScript 是 JavaScript 的一个超集，支持 ECMAScript 6 标准。
TypeScript 由微软开发的自由和开源的编程语言。
TypeScript 设计目标是开发大型应用，它可以编译成纯 JavaScript，编译出来的 JavaScript 可以运行在任何浏览器>上。

TypeScript 和 JavaScript 的区别:

• 1、TypeScript 中的数据要求带有明确的类型，JavaScript不要求。

• 2、TypeScript 为函数提供了缺省参数值。

• 3、TypeScript 引入了 JavaScript 中没有的“类”概念。

• 4、TypeScript 中引入了模块的概念，可以把声明、数据、函数和类封装在模块中。

安装TypeScript

npm install -g typescript

• 通过npm下载不成功的话，多下载几次就好了，我也是下载了好多次；

查看版本指令是：

tsc -v

• 如果tsc 不是外部指令的话，您需要配置一下环境变量；

测试是否安装成功ts

建议使用ts的时候配置一下tsconfig.json 配置文件

• tsc --init

配置文件相关讲述

"removeComments": true, // 编译过程中注释去掉
"strict": true, // 表示他后面的配置项默认都为 true
"noImplicitAny": true, // 不明确的 any 类型必须加类型注解
"strictNullChecks": true, // 是否强制校验 Null，比如 const ss: string = null; 会报错，如果是 false 不报错

"rootDir": "./src", // 要编译的文件夹
"outDir": "./build", // 把编译好的文件夹放置到 build 文件夹中
"incremental": true, // 之前编译过的内容不在编译，只编译新增的内容
// incremental 打开后编译后会生成 tsconfig.tsbuildinfo，下次编译会去做比对，有不同的地方再进行编译

"allowJs": true, // 是否允许编译 js 代码，比如 es6 代码
"checkJs": true, // 对 js 语法进行检测，比如 js 语法写错了
"sourceMap": true, // 打包完生成 .js.map 文件
"noUnusedLocals": true, // 没有使用到的变量会提示
"noUnusedParameters": true, // 函数里面没有用到的参数会提示

详细配置在这里
这个是在vs编辑器里面创建了一个ts文件

编译指令是：

tsc 文件名称

• tsc 运行的原理是，这个命令敲下的时候，会先去读配置文件，什么都没有，默认编译根目录下所有的 ts 文件

编译出来的结果是：

• 本人由于工作忙的原因，后面的会陆续更新，文章内如有不正确的地方，还行之处，我会即使修改~