Markdown 中的 Table 一鍵排序

背景

在 Markdown 中咱們常常會用到表格 , 可是手動排版太麻煩了，特別是表格排序。

在咱們的開源項目 React Suite 中，組件的 API 文檔，會用到大量的表格, 在寫的時候爲所欲爲的寫，發佈上線，而後有人反應，包括我本身也以爲沒有排序的表格，閱讀起來太不爽了。

那怎麼辦？改唄。 原本想讓新來的同事去改的， 而後再一看文檔，80 個左右的組件再加上中英文兩個版本，有 160 個左右的表格須要改，每個表格若是要人工調整是很痛苦的。交給新同事太殘忍了，仍是本身寫個工具解決吧。

原本想找個現成的工具，可是沒找到，而後看了看相似的表格的格式化 VS Code 的插件，而後隨手就改了改，寫了一個能夠排序的小插件，但願能夠幫到您。

效果

格式化前大概長成這個樣子，亂七八糟。

| name | email | description |
| -- | -- | --- |
| zhang | zhang@a.com  | zhang  |
| wang | wang@a.com   | wang |
| li | li@a.com   | li  |
| amity | amity@a.com  | amity  |
| batman | batman@a.com | batman |
複製代碼

格式後，就整齊了，同時 name 一列按照字母排序了。

| name   | email        | description |
| ------ | ------------ | ----------- |
| amity  | amity@a.com  | amity       |
| batman | batman@a.com | batman      |
| li     | li@a.com     | li          |
| wang   | wang@a.com   | wang        |
| zhang  | zhang@a.com  | zhang       |
複製代碼

表格的格式我用的是prettier,它提供很方便的 API。

安裝

在 VS Code Extensions 中搜索: Markdown Table Sort

• VS Code 安裝地址
• 源碼地址