Technical Writer 日常工作中好用的小工具

温馨提醒：点击正文配图可放大查看清晰大图。

Foreword

工作环境可以在很大程度上影响一个人的成长。在我看来，可以从三个方面来体会：

客观环境，即工作需求、职责和任务，也就是实际的日常工作，需求可以驱动学习；

人文环境，即周围的同事，当一群优秀的同事环绕在周围时，你总能从他们身上学习到很多东西；

文化环境，即公司文化氛围，身处开放、自由的氛围中，既有工作幸福感，也有更多尝试的机会。

瞄了一眼，大部分都是来 PingCAP 之后开始接触或使用的，其中不少是同事推荐的，在此表示感谢，顺便把这些小工具分享给更多的小伙伴。

Part 1：写作工具

MacDown

Visual Studio Code

Part 2：语法拼写检查工具

Grammarly 插件

Code Spell Checker 插件

Part 3：截图标注工具

Part 4：思维导图工具

XMind

幕布

Part 1：写作工具

MacDown

Visual Studio Code

MacDown和Visual Studio Code (VS Code)是我经常使用的编辑工具，用于编辑 .md (Markdown) 格式的文件。这种极简的编辑工具可以帮你专注于内容。VS Code 比 MacDown 强大很多。

如果你对 Markdown 不熟悉，或者使用的不是 macOS 而是 Windows，可以戳我之前写过的两篇文章，其中已较为详细地介绍过 Markdown 编辑器和 VS Code。

如果是写私人博客文章，目前（说不定之后会换）我一般会先用 MacDown 来写，因为够简洁。在左侧编辑，右侧可以实时预览。举个栗子，当前这篇文章的编辑页面如下：

如果是日常工作，我一般使用 VS Code。喜欢它的以下几点：

它有一个强大的插件帝国，支持很多插件。例如：英语单词拼写和语法检查、Markdown 语法检查、自动生成目录、表格格式检查等。

可以查看当前编辑位置是在第几行。修改文档时经常用到，方便定位。

可以一次打开一个文件夹，方便同时对多个文档进行修改。

VS Code 编辑界面如下所示，还是蛮炫酷：

写上一篇提到 VS Code 的文章时，它的 Logo 是黄色，后来听取用户反馈，又改回了蓝色。

Part 2：语法拼写检查工具

Grammarly 插件

Visual Studio Code 插件

语法检查工具 Grammarly 插件

Grammarly(https://www.grammarly.com) 是一款免费的语法检查工具，可以直接添加为 Chrome 插件。这样你再在网页上输入文字时，可以看到右下角会有一个绿色的 Grammarly 图标，会及时提醒输入字符的语法错误。

GitHub 编辑页面

微信公众平台编辑页面

在 Chrome 浏览器的扩展项里搜索 "Grammarly" 添加至扩展即可。如下所示：

拼写检查工具 VS Code 插件：Code Spell Checker

在支持无数插件的 VS Code 里搜索安装一款语法检查插件即可，我用的是 Code Spell Checker，使用体验还不错。在左侧插件搜索栏里搜索 "Code Spell Checker" 或者 "spell" 即可找到。

Code Spell Checker 会即时地用下划波浪线标注拼写错误，同时还有一个小灯泡给你提示建议修改成的一些选项，如下所示：

Part 3：截图标注工具

截图标注工具 微信截图快捷键

在一位同事推荐之前，我没有用过微信自带的截图快捷键，只用过聊天窗口的截图小剪刀。用过之后，相见恨晚。

微信截图快捷键有以下几个友好的功能：

截图后可调整边缘或大小，可整体移动。这点很重要，因为有时边边角角的需要调整得好看一点，以及万一手抖截多了或截少了。

截图后可取消。这点也会经常用到，有时截错了，或者截了不想要了，或者突然想起截另一处更好。

支持框型和箭头标注。这也是两个频繁用到的功能。

此外，还可插入文字标注，支持选择颜色，支持马赛克等。

总之，使用体验非常不错，轻便、快捷、友好。

截图工具 Chrome 插件：Fireshot

这款 Fireshot 插件是同事PiPa君推荐给我的，试用之后很是喜欢。强烈推荐！

在 Chrome 的扩展程序里搜索添加即可。它的图标是一个总让我想起搜狗的字母 S。

用它截全屏简直不能更爽，直接点击小图标，选择截全屏即可自动截取浏览器书签栏以下的全部内容。

以https://pingcap.com/en这个页面为例，点击图中的 "Capture entire page"。

数秒之后，便会自动打开一个新的页面，保存你需要的格式即可。如下所示：

保存为图片，默认 PNG 格式，效果如下：

截图工具 Mac 自带截图工具

在使用上述两款截图工具之前，我还是会经常使用 Mac 自带截图功能的。然而，自从使用上述两款之后，我就渐渐冷落它了，偶尔用一下。

Mac 自带的截图快捷键为 Command++4。使用一段时间后，觉得它的优点已无法说服我容忍它的缺点。

优点：很快。按下快捷键，选定区域后，瞬间保存至桌面。

缺点：选定截图区域后不支持调整、取消、标注这些常用的基本功能。最开始我还用 Mac 的 Preview 打开截图文件，使用里面的标注功能二次处理。

如果你觉得自己手法特别好，一次就能框选得特别完美，而且也不需要标注，那么它很适合你。如果你没在电脑上登录微信客户端，也不需要多么精确的截图，又不想再安装一个第三方工具，那么 Mac 自带的截图功能还是可以一用。

Part 4：思维导图工具

XMind

幕布

思维导图工具 XMind

XMind (https://www.xmind.cn) 是一个受众较为广泛的思维导图软件。

界面简洁美观，分分钟上手。既可以用它来帮助你理清学习内容的脉络，也可以用来规划工作任务。同时，也方便以后快速查找和理解。

XMind 我也曾安装过手机移动端，但使用体验不大好，很快就卸载了。此时，接触了另一款超适合手机端使用的思维导图工具，就是接下来要说的“幕布”。

思维导图工具 幕布

幕布 (https://mubu.com) 是一个思维导图工具，接触它是吃了 Queeny 的一发安利。

幕布有以下特点：

轻便，简单直观。

弱化格式，让你专注于文字内容，不必费心去调整。

文字列表和思维导图之间一键切换。

手机端适配很好，可随时记录灵感，比如在地铁上。

手机移动端和 PC 端可及时地同步。

可以生成分享链接，分享给他人。

现在大概很少有人会随时带着纸笔，如果对某件事突然有了想法或灵感时，用它来记录就很方便。

Afterword

如果你还没有用过以上介绍的某种工具，可以根据自己的需求试用一下，让这些小工具的便利帮你提高效率，给你的日常工作或生活增添一丝幸福感。

你可能想读

技术传播那些事儿

知乎专栏：https://zhuanlan.zhihu.com/tc-fun

简书专题：http://www.jianshu.com/c/c61708ae5bd1