TypeScript 學習資源合集
摘要：
Awesome TypeScript
TypeScript 是一種由微軟開發的自由和開源的程式語言。它是 JavaScript 的一個超集，而且本質上向這個語言添加了可選的靜態型別和基於類的面向物件程式設計。
Awesome TypeScript 庫靈感來源於 dz...
Awesome TypeScript
TypeScript 是一種由微軟開發的自由和開源的程式語言。它是 JavaScript 的一個超集，而且本質上向這個語言添加了可選的靜態型別和基於類的面向物件程式設計。
Awesome TypeScript 庫靈感來源於 dzharii/awesome-typescript ，感謝 dzharii 。
本文的資源主要來源於以下網站：
目錄
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 新特性一覽
- 黃子毅 - 精讀<<TypeScript2.0 - 2.9>>
- 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 的型別系統
- 360931" rel="nofollow,noindex" target="_blank">newraina - 手把手教寫 TypeScript Transformer Plugin
實戰
Angular
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
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
風格指南
awesome
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 視訊
中文視訊
英文視訊
- 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 書籍
中文書籍
英文書籍
- 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
gulp
grunt
compiler
- TypeStrong - ts-node
- AssemblyScript - assemblyscript
- bcherny - json-schema-to-typescript
- YousefED - typescript-json-schema
linter
Ioc
文件生成
資料結構
- IO/protobuf.js" rel="nofollow,noindex" target="_blank">dcodeIO - protobuf.js
- basarat - typescript-collections
資料庫
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 擴充套件
貢獻
歡迎您的貢獻
指南
- 請您確保在正確的目錄下補充資源項。
- 總是在列表項的末尾新增新的資源項，新增的規則請您保持與當前目錄資源項格式一致。
- 如果您覺得某些專案歸屬到錯誤的目錄下或認為需要新增新的目錄，請您自由編輯。