前言

整理了一下 Typescript 的学习笔记，方便后期遗忘某个知识点的时候，快速回忆。
为了避免凌乱，用 gitbook 结合 marketdown 整理的。 github地址是：ts-gitbook
若是有不对的地方，欢迎留言指出。

众所周知，JavaScript 是弱类型的，而这对开发人员来说，在一定程度上算是一个“痛点”。解决这个问题的两个主要库是 Typescript 和 Flow。但 Typescript 似乎更受欢迎，且越来越受到开发人员的喜爱。

中文网：https://www.tslang.cn/

官网：http://www.typescriptlang.org/

Typescript 学习笔记一：介绍、安装、编译
Typescript 学习笔记二：数据类型
Typescript 学习笔记三：函数
Typescript 学习笔记四：回忆Es5 中的类
Typescript 学习笔记五：类
Typescript 学习笔记六：接口
Typescript 学习笔记七：泛型

一、 Typescript 介绍

TypeScript 是由微软开发的一款开源的编程语言。
TypeScript 是 Javascript 的超集，遵循最新的 ES6、Es5 规范。TypeScript 扩展了 JavaScript 的语法。
TypeScript 更像后端 java、C# 这样的面向对象语言，可以让 js 开发大型企业项目。
谷歌也在大力支持 Typescript 的推广，谷歌的 angular2.x+ 就是基于 Typescript 语法。
最新的 Vue 、React 也可以集成 TypeScript。

二、 Typescript 安装及编译

全局安装，前提是安装了 node。

npm install -g typescript

编译
- 书写一个 .ts 文件，比如：test.ts，内容如下：
```
let str:string = 'test';
```
- tsc test.ts
- 默认会在和 test.ts 同级目录下生成一个同名的 .js 文件。而这个 .js 文件是编译生成的 ES5 语法的 js 文件。

三、 Typescript 开发工具语法高亮、校验、自动编译

使用开发工具，对编写的 TypeScript 代码能进行语法高亮(便于阅读)、语法校验(减少错误)、保存后立即编译，提高开发效率节省工作量。能用工具做的事，就不要浪费人力。

vscode 编辑器
- tsc --init，生成配置文件 tsconfig.json。可修改 "outDir": "./js"，指定编译后的文件放置目录。
- 任务 --> 运行任务，监视 tsconfig.json
- 默认带语法高亮及语法校验
sublime 编辑器v
- 快捷键 ctrl + shift + p，调出命令窗口
- 输入 paci，找到 Package Control install
- 输入 Typescript，语法高亮、语法校验
- tsc --init，生成配置文件 tsconfig.json。可修改 "outDir": "./
- 输入 TypescriptCompletion，自动编译

转载于:https://www.cnblogs.com/EnSnail/p/10203497.html

Typescript 学习笔记一：介绍、安装、编译相关推荐

Clojure学习笔记(一)——介绍、安装和语法
Clojure学习笔记(一)--介绍.安装和语法什么是Clojure Clojure是一种动态的.强类型的.寄居在JVM上的语言. Clojure的特性: 函数式编程基础,包括一套性能可以和典型可变 ...
Typescript 学习笔记七：泛型
中文网:https://www.tslang.cn/ 官网:http://www.typescriptlang.org/ 目录: Typescript 学习笔记一:介绍.安装.编译 Typescrip ...
tensorflow学习笔记一：安装调试
denny的学习专栏徐其华博客园首页新随笔联系管理订阅随笔- 129 文章- 0 评论- 791 tensorflow学习笔记一:安装调试用过一段时间的caffe后,对caff ...
typeScript学习笔记day01——小肉包
typeScript学习笔记 class1: 一.javaScript(js)的优缺点 javaScript是在微软公司和网景公司之间爆发的浏览器大战期间,由网景公司的Brendan Eich(布兰登 ...
STM32F103CUBE学习笔记一环境安装
STM32F103CUBE学习笔记一 stm32cubemx安装 jre安装 stm32cubemx安装 stm32cubemx创建工程准备工作配置时钟 KEIL PACK安装 keil安装 st ...
TypeScript学习笔记3：运算符
TS 和 JS 相对比的优势 TypeScript的安装步骤.运行问题及代码的简单运行 TypeScript学习笔记1:变量赋值及书写方式 TypeScript学习笔记2:数据类型文章目录运算符 ...
TypeScript学习笔记2：数据类型
TS 和 JS 相对比的优势 TypeScript的安装步骤.运行问题及代码的简单运行 TypeScript学习笔记1:变量赋值及书写方式 TypeScript学习笔记2:数据类型文章目录数据类型 ...
TypeScript学习笔记1：变量赋值及书写方式
TS 和 JS 相对比的优势 TypeScript的安装步骤.运行问题及代码的简单运行 TypeScript学习笔记1:变量赋值及书写方式 TypeScript学习笔记2:数据类型文章目录变量赋值 ...
ROS学习笔记一：安装配置ROS环境
ROS学习笔记一:安装配置ROS环境在安装完成ROS indigo之后,需要查看环境变量是否设置正确,并通过创建一个简单的实例来验证ROS能否正常运行. 1 查看环境变量在ROS的安装过程中,我们 ...

Typescript 学习笔记一：介绍、安装、编译

前言

一、 Typescript 介绍

二、 Typescript 安装及编译

三、 Typescript 开发工具语法高亮、校验、自动编译

Typescript 学习笔记一：介绍、安装、编译相关推荐

最新文章

热门文章