发布时间:2023-09-29 15:30
写技术文章时,不少人会在文章中附带一些代码的截图,以便更直观地描述自己的想法。
在此之前,我都是使用微信或QQ完成代码截图,由于页面的缩略问题,一些代码截图文字较大,一些代码截图文字较小,十分不美观优雅。一次偶然的机会,看到别人使用 VSCode 的 CodeSnap 插件,可以生成非常漂亮的代码截图,一下子就被种草了,需要的小伙伴可以 Mark 一下!
打开 VSCode 的扩展页面,输入关键字 “CodeSnap ” 搜索 CodeSnap 插件安装即可。
CodeSnap 插件安装成功后,在代码编辑页面点击鼠标右键,在弹出来的选项内就可以看到有 CodeSnap 选项。
选中你想要截图的代码,然后点击鼠标右键,在弹出的选项中选择 CodeSnap 选项,就会看到页面右边已经生成了代码截图的预览图。
如果你想保存这张截图到本地目录的话,点击一下代码截图上方的彩虹色圈圈,就会弹出对话框,让你选择截图保存的路径。
如果你并不想保存该截图,只是想将该截图复制粘贴到你的文章中,那么只需要点击一下截图,然后 Ctrl+C 即可完成复制,然后在你想粘贴代码截图的地方 Ctrl+V 即可。
全网最系统、最清晰 深入微服务架构——Docker和K8s详解
npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次。
SAP ABAP CDS view 视图的 Replacement 技术介绍
[Python+Django]Web学生信息管理系统数据库设计及系统实现
《死磕MySQL系列》为什么MySQL字符串不加引号索引失效?
使用GEE(Google Earth Engine)下载STRM30m分辨率高程数据
AR独角兽的死亡教训:融资3亿美元,成投资人木偶,营销大于技术
Vue3和Vue2的不同及替代方案(TypeScript篇)
GaussDB(for MySQL) :Partial Result Cache,通过缓存中间结果对算子进行加速