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