你写技术博客或者在群里分享代码的时候，是不是总觉得截图不好看？比如直接截 IDE 界面，会带着多余的菜单栏、行号旁边的折叠按钮，甚至还有自己没关的聊天窗口边角，发出去显得特别不专业；要么就是想调整代码颜色，让截图更醒目，却在 IDE 里翻半天设置也找不到合适的主题？我之前就总被这事儿烦，直到在 Github 上刷到 CodeSnap，地址是https://github.com/kufii/CodeSnap，现在生成代码截图都靠它，小索奇发技术圈的截图，还被好几个朋友问 “用的什么工具做的图”。
它最核心的优势就是 “专注代码截图，干净又好看”，没有多余的杂乱元素。你只要在 VS Code 里装了这个插件，选中要截图的代码块，右键点 “CodeSnap”，就能调出设置面板 —— 可以选代码主题（比如程序员常用的 Monokai、Solarized），能隐藏行号（不想暴露代码行数的时候超有用），还能调整字体大小和截图的圆角，甚至能加个轻微的阴影，让截图看起来更有层次感。我上次分享 Java 的 Stream 流代码，选了 Monokai 主题，隐藏了行号，生成的截图只有代码和漂亮的语法高亮，发在博客里，读者都说 “看着比之前的 IDE 截图舒服多了”。
而且它对多语言的语法高亮支持特别到位，不是只认 Java、Python 这种主流语言，连 Go、Rust 甚至前端的 Vue 模板语法都能准确识别。比如我帮同事看前端代码，要截图一段 Vue 的标签内容，用 CodeSnap 选了 “Vue” 语言类型，标签、指令、插值表达式都能分别高亮，比直接截图 VS Code 界面还清晰 —— 之前用其他截图工具，经常把 Vue 的语法标成普通文本，看着特别乱。小索奇上次写 Rust 的入门文章，用它截了段所有权相关的代码，连 & mut 这种引用符号都能正确高亮，完全不用后期修图。
还有个特别实用的小功能：支持 “复制到剪贴板” 和 “保存为 PNG” 两种方式。要是你只是临时在群里分享，选复制到剪贴板，直接粘贴就能发，不用存文件；要是写博客需要高清图，就保存成 PNG，分辨率够高，放大看代码也不模糊。我之前用 QQ 截图截代码，放大后字会糊，换成 CodeSnap 的 PNG 图，哪怕插入到 PPT 里放大两倍，代码依然清晰，这点真的戳中我了。
不过有个小细节得提醒你：如果要截图特别长的代码（比如超过 20 行），默认会生成横向滚动的截图，手机上看会很不方便。这时候你可以在 CodeSnap 的设置里，把 “Wrap Lines”（换行）打开，长代码会自动折行显示，生成纵向的截图，手机端阅读体验会好很多。我第一次截长代码的时候没开这个功能，发出去后朋友说 “得左右滑着看，太麻烦了”，后来开了换行，问题立马解决。
你平时分享代码的时候，是直接截 IDE 界面，还是用其他工具？有没有觉得截图里杂乱元素太多，或者语法高亮不清楚的情况？要是想试试清爽的代码截图工具，去 VS Code 插件市场搜 “CodeSnap”，或者去它的 Github（https://github.com/kufii/CodeSnap）看详细用法，评论区说说你用它截的第一段代码是什么～
我是【即兴小索奇】，点击关注，后台回复 领取，获取更多相关资源
