Visual studio code (VS code)

Markdown 写作工具选择

候选产品

1. VS Code http://code.visualstudio.com
   微软出品的轻量级编辑器, 免费, 和 sublime text 属于一个流派的, 配合下面几个插件 markdown 插件写
2. MarkdownMate http://www.markdownmate.cn/
   everedit 作者又一力作, 有试用期, 试用期过后不能编辑, 但仍可以作为 markdown 浏览器使用. 漂亮的 UI, 简洁的 Markdown 工具条, 预览效果也不错. 最赞的是编辑器.
3. MarkdownPad http://markdownpad.com/
   实时预览做的不错, 大文档预览的同步滚动做的也不错. 但免费版限制较多.

我的选择

VS code 毕竟是大厂的产品, 同时也是多功能的编辑器, 我还是选定 VS code 作为我的 markdown 写作工具.

我用的几个 VS Code 插件

微软官方出的 Docs Authoring Pack 插件包

Markdown Preview Enhanced

1. 编辑区有快捷菜单"Markdown Preview Enhanced -Open Preview", 能打开 Markdown 预览, 该预览功能非常强大, 能支持 code block 和 Table 和图片预览.
2. 预览区有快捷菜单"Image Helper", 能帮助生成图片 link 写法.
3. 有 Insert Table 命令

Markdown All in One

1. 在 Explorer panel 中能显示 markdown 的 outline
2. 编辑区有快捷菜单"Format document" 命令, 能格式化 markdown 的 Table

markdownlint

1. 协助检查 markdown 写法

Table Formatter

1. 格式化 Markdown 的 table

Insert Spaces between Half/Fullwidths

1. 中英文排版必备插件, 在中文和英文之间插入空格. 快捷键为 Ctrl+Shift+J.

Code Outline(这个不是 markdown 插件, 但我经常用到)

1. 在 Explorer panel 中能显示代码文件的 outline, 比 notepad++ 的 function list 好用

Beautify(hookyqr.beautify HookyQR)

1. 用来format web相关文件内容, 比如 html/js/json/css 等格式

VS code 降低 CPU占用

在配置中修改:

1. Cursor blinking 默认是 blink 模式, 即光标总是一闪一闪的, VS code 是通过css样式实现的, 比较耗CPU, 可修改为 solid 模式.
2. window.titleBarStyle 为 native
3. 插件要少装, 尤其git不要激活, 不要让vsc 频繁扫描磁盘文件状态.
4. 使用命令 Developer: open process explorer 查看插件的CPU/Memory使用情况, 该禁止就禁.

Markdown 几个链接的写法, 写下备忘

Markdown 中插入的图片, 我没有使用图床, 而是在自己机器上使用 mongoose 免费版搭建了一个 web server.

• 快捷 link 写法:
  http://localhost:8080/ch1/img8.png

• 带 alt 文字的 link 写法:
  alt 文字

• 图片嵌入的写法:
  

VS Code 的其他使用场景

编写前端代码

编写 html/javascript

作为 Windows terminal 工具

作为 powershell /cmd /bash console, 在 terminal 中 执行 git 带的 bash.exe 就进入了bash console.

Rest 测试工具, 代替 postman

VS Code 的 Rest client 插件非常好用, 在编辑区中, 按照指定格式输入 GET/POST/PUT/DELETE 请求 , 然后Shift+Alt+P调出 Rest Client的命令, 该插件就会展现一个结果区, 非常方便.