Web前端 前端工程师首选的几款编辑器/IDE以及Markdown的编辑器、语法

前端工程师常使用的编辑器/IDE

• 本地在线工具

  webstrom 推荐指数 *****

  vs code 推荐指数 ****

  atom 推荐指数 ****

  subline-text 推荐指数 ****

• 电脑系统的工具

  各自系统自带的文本编辑器，例如windo的记事本 推荐指数 **

  或者Notep++ 推荐指数 ***

  又或者vim 等等 推荐指数 ****

• 网络在线编辑平台

  Codepen.io

  JSBin

  JSFiddle

  CodeAnywhere

  Koding

几款常用的Markdown编辑器

面向前端开发者：

• Typor 官网 推荐指数*****

• MarkdownPad2 官网 推荐指数*****

• Atom 官网 推荐指数***

• Vs code 官网 推荐指数***

按用户场景分：

• Markdown编辑器后，将它们归纳为三类

  1. 文库集成类：与在线文库相集成，代表有Modoko、GibBook、简书
  2. 独立软件类：独立产品，编辑本地文件，代表有MarkdownEditor、Typor、Haroopad等
  3. 编辑器插件类：在主流编辑器上扩展插件，代表有WebStorm、Atom、Sublime Text。

• 这三类软件分别面向三类Markdown用户。

  1. 重量型用户，即文字工作者，他们需要撰写大量的文章，甚至是写一本树书，对文档的组织有明确要求。
  2. 轻量型用户，典型的是博客写手，他们要写中等长度的文章，文章的保存和发表交给博客网站。
  3. 偶然用户，通常是开发者，他们需要为程序撰写说明文档，例如readme.md。

可以说是有了不同的用户需求，催生了不同类别的工具。当我们要选择Markdown编辑器时，我们应当先定位自己的需求，然后考察哪些工具可以满足自己的需求，最后从这里面选择佼佼者。

Markdown的语法

标题

一级标题 语法：# 一级标题（最大）

二级标题 语法：## 二级标题

三级标题 语法：### 三级标题

四级标题 语法：#### 四级标题

五级标题 语法：##### 五级标题

六级标题 语法：###### 六级标题（最小）

列表

有序列表

数字加点
语法:1. 有序列表   =>  1.有序列表
     2. 有序列表   =>  2.有序列表
     2. 有序列表   =>  3.有序列表

无需列表

用 + 或者 - 或者 * 来表示 
语法: + 无序列表    =>  .无序列表
      * 无序列表    =>  .无序列表
      - 无序列表    =>  .无序列表

列表嵌套

上一级和下一级之间敲三个空格即可

• 一级无序列表内容

  • 二级无序列表内容
  • 二级无序列表内容
  • 二级无序列表内容

• 一级无序列表内容

  1. 二级有序列表内容
  2. 二级有序列表内容
  3. 二级有序列表内容

1. 一级有序列表内容

   • 二级无序列表内容
   • 二级无序列表内容
   • 二级无序列表内容

2. 一级有序列表内容

   1. 二级有序列表内容
   2. 二级有序列表内容
   3. 二级有序列表内容

超链接

语法:[超链接名](超链接地址)
例如:[淘宝](https://www.taobao.com)  => 显示:淘宝

引用

在文字前面加上">"这个字符,例如:  >我是引用
可以在文字前面加多个">", 例如加两个: >>我是二级引用

图片

语法:![图片alt](图片地址 ''图片title'')

代码

语法：
单行代码：代码之间分别用一个反引号包起来   例如: `console.log("单行代码")`
代码块：代码之间分别用三个反引号包起来，且两边的反引号单独占一行
例如:
```
 function(){...}...
 function(){...}...
 function(){...}...
```

表格

语法:

学生|学号|性别
-|-|-|
张三|001|男|
李四|002|男|
李华|003|女|

显示如下:

学生	学号	性别
张三	001	男
李四	002	男
李华	003	女

又例如:

 name | 111 | 222 | 333 | 444
    - | :-: | :-: | :-: | -:
    aaa | bbb | ccc | ddd | eee| 
    fff | ggg| hhh | iii | 000|

显示如下:

name	111	222	333	444
aaa	bbb	ccc	ddd	eee
fff	ggg	hhh	iii	000