TypeScript 学习资源合集

TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。

转载https://github.com/semlinker/awesome-typescript

Awesome TypeScript 库灵感来源于 dzharii/awesome-typescript，感谢 dzharii。

本文的资源主要来源于以下网站：

     

目录

• Awesome TypeScript
  • 目录
  • TypeScript 教程
    • 选型/新特性
    • 中文资源
      • 入门
      • 进阶
      • 实战
    • 英文资源
      • 教程
      • 示例
      • 风格指南
      • awesome
  • TypeScript Starter/Boilerplate
  • TypeScript 设计模式
  • TypeScript 视频
    • 中文视频
    • 英文视频
  • TypeScript 问答
  • TypeScript 书籍
    • 中文书籍
    • 英文书籍
  • TypeScript 工具/库
    • 构建工具
      • webpack
      • gulp
      • grunt
      • compiler
      • linter
      • ioc
    • 文档生成
    • 数据结构
    • 数据库
  • TypeScript IDE
    • Offline
      • IDE/插件
    • Online
      • Playground
      • Chrome 扩展
  • 贡献
    • 指南

TypeScript 教程

选型/新特性

• 蚂蚁金服数据体验技术团队 - TypeScript体系调研报告
• Vilicvane - TypeScript 2.0 新特性一览
• Vilicvane - TypeScript 2.1 新特性一览
• Vilicvane - TypeScript 2.2 新特性一览
• Vilicvane - TypeScript 2.3 新特性一览
• Microsoft - TypeScript 2.4 新特性一览
• Vilicvane - TypeScript 2.5~2.6 新特性一览
• 黄子毅 - 精读<>
• Linux中国 - 一篇缺失的 TypeScript 介绍
• 单纯的土豆 - ES5, ES2015 和 TypeScript 的区别
• 三七二十 - TypeScript 的好处都有啥？和 JavaScript 的区别在哪？
• Grain 先森 - 前端-TypeScript VS JavaScript 深度对比
• 贺贺v5 - Angular2、Ionic、TypeScript、es6的关系？
• 极客学院 - 使用 TypeScript 提高开发能力
• Hevin - 为什么 Reddit 选择了 TypeScript？
• JiaXinYi - Angular: 我们为什么选择 TypeScript
• Djcordhose - 对比 Flow 和 TypeScript
• Neal1991 - 采用 Flow 以及 TypeScript
• 柳佳 - Flow vs. Typescript
• SDK.cn - Slack 的 TypeScript 之路
• RDDcoding - 熟悉全栈TypeScript
• Lxxyx - TypeScript - 不止稳，而且快

中文资源

入门

• Xcatliu - TypeScript 入门教程
• Taobaofed - 认识 TypeScript
• Shangpudxd - TypeScript 入门
• Muyunyun - 从 JavaScript 到 TypeScript
• Gukson - Typescript基础入门
• oWSQo - TypeScript 入门
• Semlinker - TypeScript 简介及编码规范

进阶

• Zhongsp - TypeScript Handbook (中文版)
• Bjcl - TypeScript 教程
• Jason - 你所不知道的 Typescript 与 Redux 类型优化
• 王亦斯 - 巧用 Typescript
• Square - TypeScript 3.0 元组类型的用法和一些奇技淫巧
• Square - Typescript 类型高级技巧，和强约束 bind 的实现
• 腾讯NEXT学位 - 深入 TypeScript 的类型系统
• newraina - 手把手教写 TypeScript Transformer Plugin

实战

Angular

• Yanxiaodi - Ionic 2 With TypeScript
• Cacivy - Angular 2 + TypeScript 实现的 Cnode 社区

Vue

• 薯条真的好好吃哦 - almost最好的Vue + Typescript系列01 环境搭建篇
• toBeTheLight - Vue 2.5中将迎来有关TypeScript的改进！
• 盘风 - Vue2.5+ Typescript 引入全面指南
• 腾讯Bugly - vuejs+ts+webpack2框架的项目实践
• LinkFly - 从 JavaScript 到 TypeScript 6 - Vue 引入 TypeScript
• SimonZhanglTer - 可能是最全的Vue-TypeScript教程(附实例代码和一键构建工具)
• 三命 - vue + typescript 进阶篇
• qiangdada - TypeScript + 大型项目实战
• 距离 - Vue全家桶+TypeScript使用总结
• 海蓝2018 - vue全家桶+Typescript开发一款习惯养成APP
• Treri - 使用FIS3 和 TypeScript 实现 vue-hackernews-2.0

React

• 基于 React + TypeScript 的网易云音乐
• iKcamp 翻译 | 开始使用 TypeScript 和 React
• 贾顺名 - TypeScript在react项目中的实践
• icepy - 复杂 React 应用中的TypeScript 3.0实践
• 蚂蚁金服数据体验技术团队 - TypeScript 实践
• 蚂蚁金服数据体验技术团队 - TypeScript 2.8下的终极React组件模式

React Native

• 胡桓铭 - React Native 与 TypeScript 在企业开发中的实践

Wechat

• Guyoung - 使用 TypeScript 开发微信小程序

Node.js

• MarxJiao - 使用webpack搭建基于typescript的node开发环境
• 天猪 - 当 Egg 遇到 TypeScript，收获茶叶蛋一枚
• 奇舞团 - ThinkJS 3.0 如何实现对 TypeScript 的支持
• 贾顺名 - TypeScript在node项目中的实践

英文资源

教程

• Microsoft - TypeScript-Handbook
• Microsoft - TypeScript Team Blog
• TypeStrong - Learn TypeScript
• Marius Schulz - TypeScript Evolution
• Indrek Lasn - TypeScript — JavaScript with superpowers
• Indrek Lasn - TypeScript — JavaScript with superpowers II
• Martin Hochel - Interface vs Type alias in TypeScript 2.7
• Valentin PARSY - Typescript : class vs interface
• Victor Savkin - Functional TypeScript
• Netanel Basal - Using TypeScript Dynamic Imports in Angular
• Elena Sufieva - Advanced TypeScript Types with Examples
• Wolksoftware - Decorators Reflection JavaScript TypeScript
• Luis Aviles - Real Time Apps with TypeScript: Integrating Web Sockets, Node & Angular
• Jonny Fox - WebSocket + Node.js + Express — Step by step tutorial using Typescript
• Trey Huffine - TypeScript and React using create-react-app: A step-by-step guide to setting up your first app
• Rinto Jose - React Native with TypeScript

示例

• Microsoft - TypeScriptSamples
• DanWahlin - Angular-JumpStart
• chsakell - aspnet5-angular2-typescript
• Lemoncode - react-typescript-samples
• jaysoo - todomvc-redux-react-typescript
• rangle - typescript-react-redux-example
• luixaviles - socket-io-typescript-chat
• dwyl - hapi-typescript-example

风格指南

• piotrwitek - react-redux-typescript-guide

awesome

• dzharii - awesome-typescript
• brookshi - awesome-typescript-projects

TypeScript Starter/Boilerplate

• Microsoft - TypeScript-React-Starter
• Microsoft - TypeScript-Vue-Starter
• Microsoft - TypeScript-Knockout-Starter
• Microsoft - TypeScript-React-Native-Starter
• Microsoft - TypeScript-WeChat-Starter
• Microsoft - TypeScript-Babel-Starter
• Microsoft - TypeScript-Node-Starter
• wmonk - create-react-app-typescript
• rokoroku - react-redux-typescript-boilerplate
• bitjson - typescript-starter
• blove - typescript-express-starter
• w3tecch - express-typescript-boilerplate

TypeScript 设计模式

• 蚂蚁金服数据体验技术团队 - Typescript玩转设计模式 之 创建型模式
• 蚂蚁金服数据体验技术团队 - Typescript玩转设计模式 之 结构型模式（上）
• 蚂蚁金服数据体验技术团队 - Typescript玩转设计模式 之 结构型模式（下）
• 蚂蚁金服数据体验技术团队 - Typescript玩转设计模式 之 对象行为型模式（上）
• 蚂蚁金服数据体验技术团队 -Typescript玩转设计模式 之 对象行为型模式（下）
• 杜帅 - 浅析Typescript设计模式
• torokmark - design_patterns_in_typescript

TypeScript 视频

中文视频

• 慕课网 - TypeScript 入门
• 智能社 - TypeScript - 2小时带你体验微软新坑
• cnode - 2018年最新Typescript视频教程

英文视频

• egghead.io - Use Types Effectively in TypeScript
• egghead.io - Up and Running with TypeScript
• egghead.io - advanced-static-types-in-typescript
• Microsoft - Angular Applications with TypeScript
• udemy - TypeScript Fundamentals
• udemy - Introduction to TypeScript
• udemy - TypeScript: Learn the Basics in a Refreshing Way
• youtube - Evolving JavaScript with TypeScript

TypeScript 问答

• Segmentfault - 为什么Angular2和Ionic2都用TypeScript开发，TypeScript有什么优势吗？
• Zhihu - TypeScript 和 JavaScript 的区别？
• Zhihu - 如何评价 TypeScript？
• Zhihu - 现在 TypeScript 的生态如何？
• Zhihu - 关于Typescript和ES6的对比？
• Zhihu - 为什么 TypeScript 成功了，更先进的 ActionScript 却失败了？
• Zhihu - Typescript有什么冷门但是很好用的特性？

TypeScript 书籍

中文书籍

• Learning TypeScript (中文版)
• 迈向 Angular 2: 基于 TypeScript 的高性能 SPA 框架

英文书籍

• TypeScript Essentials
• Mastering TypeScript
• Mastering TypeScript - Second Edition
• Learning TypeScript
• Learning TypeScript 2.x
• TypeScript 2.x By Example
• TypeScript 2.x for Angular Developers
• Angular 2 Development with TypeScript
• TypeScript: Modern JavaScript Development
• TypeScript Blueprints
• Pro TypeScript
• TypeScript Design Patterns
• TypeScript High Performance
• TypeScript Microservices

TypeScript 工具/库

构建工具

webpack

• s-panferov - awesome-typescript-loader
• TypeStrong - ts-loader

gulp

• ivogabe - gulp-typescript

grunt

• TypeStrong - grunt-ts

compiler

• TypeStrong - ts-node
• AssemblyScript - assemblyscript
• bcherny - json-schema-to-typescript
• YousefED - typescript-json-schema

linter

• palantir - tslint

Ioc

• Inversify - InversifyJS
• Inversify - inversify-express-example

文档生成

• TypeStrong - typedoc

数据结构

• dcodeIO - protobuf.js
• basarat - typescript-collections

数据库

• Typeorm - typeorm
• RobinBuschmann - sequelize-typescript

TypeScript IDE

Offline

IDE/插件

• Visual Studio Community
• Visual Studio Code
• WebStorm
• PhpStorm
• TypeScript Sublime Plugin
• Atom TypeScript
• TypeScript Interactive Development Environment for Emacs
• TypeScript IDE for Eclipse
• TypeScript Syntax for VIM

Online

Playground

• TypeScript official Playground
• Stackblitz
• JS Bin
• Codepen
• TypeScript Editor
• TypeScript Interpret - Terminal Emulator
• TypeScript Editor

Chrome 扩展

• OctoLinker

贡献

欢迎您的贡献 ?

指南

1. 请您确保在正确的目录下补充资源项。
2. 总是在列表项的末尾添加新的资源项，新增的规则请您保持与当前目录资源项格式一致。
3. 如果您觉得某些项目归属到错误的目录下或认为需要添加新的目录，请您自由编辑。