添加生态系统部分，添加 typescript 和 eslint 关系图

xcatliu · xcatliu · commit 37828d29ebcd · 2017-11-03T13:40:46.000+08:00
diff --git a/SUMMARY.md b/SUMMARY.md
@@ -26,4 +26,6 @@
   - [泛型](advanced/generics.md)
   - [声明合并](advanced/declaration-merging.md)
   - [扩展阅读](advanced/further-reading.md)
+- [生态系统](ecosystem/README.md)
+  - [TypeScript 与 ESLint](ecosystem/eslint.md)
 - [感谢](thanks/README.md)
diff --git a/assets/typescript-eslint.png b/assets/typescript-eslint.png
diff --git a/basics/built-in-objects.md b/basics/built-in-objects.md
@@ -92,7 +92,7 @@ interface Document extends Node, GlobalEventHandlers, NodeSelector, DocumentEven
 
 Node.js 不是内置对象的一部分，如果想用 TypeScript 写 Node.js，则需要引入第三方声明文件：
 
-```shell
+```bash
 npm install @types/node --save-dev
 ```
 
diff --git a/basics/declaration-files.md b/basics/declaration-files.md
@@ -66,7 +66,7 @@ jQuery('#foo');
 
 @types 的使用方式很简单，直接用 npm 安装对应的声明模块即可，以 jQuery 举例：
 
-```shell
+```bash
 npm install @types/jquery --save-dev
 ```
 
diff --git a/drafts/README.md b/drafts/README.md
diff --git a/drafts/eslint.md b/drafts/eslint.md
diff --git a/ecosystem/README.md b/ecosystem/README.md
@@ -0,0 +1,7 @@
+# 生态系统
+
+TypeScript 自发布以来一直都在稳步发展，其中开源社区也贡献了非常大的力量，如今它已有了繁荣的生态系统。
+
+本部分主要会介绍 TypeScript 与其他前端技术的结合，具体内容包括：
+
+- [TypeScript 与 ESLint](eslint.md)
diff --git a/ecosystem/eslint.md b/ecosystem/eslint.md
@@ -0,0 +1,47 @@
+# TypeScript 与 ESLint（草稿）
+
+[ESLint][] 是一个代码检查工具，主要用来发现代码错误、统一代码风格，目前已被广泛的应用于各种 JavaScript 项目中。
+
+它通过插件化的特性极大的丰富了适用范围，搭配 [`typescript-eslint-parser`][] 之后，甚至可以用来检查 TypeScript 代码。
+
+## 为什么需要 ESLint
+
+TypeScript 已经可以对代码进行静态检查了，那么为什么还需要 ESLint 呢？
+
+其实 ESLint
+
+![TypeScript 和 ESLint 的关系](../assets/typescript-eslint.png)
+
+
+下面我们来一步一步给我们的 TypeScript 项目添加 ESLint 检查。
+
+## 安装
+
+首先，我们需要安装 ESLint 和一些插件：
+
+```bash
+npm install -g eslint
+```
+
+关于 TypeScript 与 ESLint，有过一些争论：
+
+- 使用 ESLint 加上
+
+运行 eslint 时报错 Cannot find module 'typescript-eslint-parser'
+
+你运行的是全局的 eslint，需要运行 `./node_modules/.bin/eslint xxx.ts'
+
+不支持某些 规则，比如 no-undef
+
+有冲突的规则，比如 spaced-comment
+
+
+cannot read property type of null
+
+react 规则不可用
+
+
+react/sort-comp type-annotations
+
+[ESLint]: https://eslint.org/
+[`typescript-eslint-parser`]: https://github.com/eslint/typescript-eslint-parser
diff --git a/introduction/get-typescript.md b/introduction/get-typescript.md
@@ -2,13 +2,15 @@
 
 TypeScript 的命令行工具安装方法如下：
 
-```shell
+```bash
 npm install -g typescript
 ```
 
-安装完成之后，就有了 `tsc` 命令。编译一个 TypeScript 文件很简单：
+以上命令会在全局环境下安装 `tsc` 命令，安装完成之后，我们就可以在任何地方执行 `tsc` 命令了。
 
-```shell
+编译一个 TypeScript 文件很简单：
+
+```bash
 tsc hello.ts
 ```
 
diff --git a/introduction/hello-typescript.md b/introduction/hello-typescript.md
@@ -15,7 +15,7 @@ console.log(sayHello(user));
 
 然后执行
 
-```shell
+```bash
 tsc hello.ts
 ```
 
@@ -50,7 +50,7 @@ console.log(sayHello(user));
 
 编辑器中会提示错误，编译的时候也会出错：
 
-```shell
+```bash
 index.ts(6,22): error TS2345: Argument of type 'number[]' is not assignable to parameter of type 'string'.
 ```
 
