代码截图,也许是今年最个性的表白姿势了

栏目: 编程工具 · 发布时间: 6年前

内容简介:截图,是一个挺简单的事,现在能截图的工具一抓一大把。但是用来截取代码,大部分工具的效果还不够好,比如要截取大段多屏幕高度的代码时,就非常困难。下面聊两个在今天这个日子里,推荐代码截图工具不是重点,重点是要用到实处。又到了每年一次的七(虐)夕(狗)节了,终于可以好好地跟女神(男神)表白了,对于一个在写(代)字(码)楼(地)里努力赚(搬)钱(砖)的白(工)领(人)来说,肯定要拿出自己的看家本领了。不管你是买买买,还是吃吃吃,只要能让女神(男神)开心,都是好方法。

截图,是一个挺简单的事,现在能截图的 工具 一抓一大把。但是用来截取代码,大部分工具的效果还不够好,比如要截取大段多屏幕高度的代码时,就非常困难。下面聊两个 小而美 的工具,专门为 代码截图 而生。

在今天这个日子里,推荐代码截图工具不是重点,重点是要用到实处。

又到了每年一次的七(虐)夕(狗)节了,终于可以好好地跟女神(男神)表白了,对于一个在写(代)字(码)楼(地)里努力赚(搬)钱(砖)的白(工)领(人)来说,肯定要拿出自己的看家本领了。不管你是买买买,还是吃吃吃,只要能让女神(男神)开心,都是好方法。

下面介绍一个不一样的表白方法,带着一颗饱含深深的爱意的心,还有一段替你表白的富含心意的代码,也许能让女神心头一热,喜笑颜开呢。

工具篇

首先,工欲善其事必先利其器,上工具。

Polacode

Polacode (https://github.com/octref/polacode) 是一个 Visual Studio Code 的插件,你可以用它将代码片段生成一个高清图片。它有一个很棒的特性,是可以完全按照你在  VS Code 中选择的  字体 和  主题 来生成图片,你可以通过更改字体和主题,来很轻松地根据自己的喜好来指定样式。

下面拿 React 中的一个函数来看下效果。

代码截图,也许是今年最个性的表白姿势了

安装:

  • 打开你的 Visual Studio Code

  • 打开菜单栏的 View(查看) ==> Extensions(扩展)

  • 在输入框输入 Polacode ,搜索并安装即可

使用:

  • 通过快捷键 Cmd + Shift + P (或者 windows系统 Ctrl + Shift + P ) 打开命令面板

  • 输入 Polacode ,按 回车(Enter) ,会看到下面这样

代码截图,也许是今年最个性的表白姿势了

  • 这时候,先把你要截取的图片复制好,点击一下上图中右边的代码区域

  • 直接 Cmd + V (或者 windows系统 Ctrl + V ) 搞定,你可以拖动图中中间部分来调整截图内容的跨行等布局问题

  • 然后点击 代码块 下的按钮,就可以导出成图片了

Carbon

Carbon (https://carbon.now.sh/)是一个在线的代码块截图工具,不需要安装,直接通过网址访问即可。它提供了很多选项,你可以自己选择编程语言、颜色主题、背景色、字体等,快速自定义成你喜欢的样子。而且,可以快速发推(自备梯子),可以导出成  svgpng 等格式的图片。

相对于 Polacode 来说,无需安装,配置灵活,定制型非常强。还有一点,就是左上角加了三个  MacOs 的小按钮样式,顿时显得有设计感了,有木有。

还拿上面那个例子,用默认的设置来看下效果:

代码截图,也许是今年最个性的表白姿势了

操作:

  • 打开网站,把你的代码粘贴进输入框

  • 选择对应的编程语言,选择字体、主题,选择颜色......

  • 点击 Save Image 导出图片

实战篇

在咱搬砖工人的眼中,砖(code)是最美的,要把最美的东西写成诗送给最爱的女神(男神)。

接下来,实战来写几篇 代码情诗 ,使出你的洪荒之力吧。

代码截图,也许是今年最个性的表白姿势了

「 终于等到你,还好我没放弃 」

代码截图,也许是今年最个性的表白姿势了

「 一次就好

代码截图,也许是今年最个性的表白姿势了

「 陪伴是最长情的告白

代码截图,也许是今年最个性的表白姿势了

「 勇气

代码截图,也许是今年最个性的表白姿势了

「 小情歌

欢迎在下方留言,写出你的代码告白情诗吧~,也许你的女神(男神)会看到呢~。

以上仅供参考,如果没用(女/男神不喜欢),赶紧去买花、买巧克力、买口红、买包包、买…….,也许时间还来得及。

代码截图,也许是今年最个性的表白姿势了

- The End -

代码截图,也许是今年最个性的表白姿势了


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

高性能HTML5

高性能HTML5

Jay Bryant、Mike Jones / 奇舞团 / 电子工业出版社 / 2014-5

《高性能html5》为读者讲解了如何用html5 从一开始就设计一个高性能的网站,以及如何对已有网站进行改良,使得它们具备优越的性能。《高性能html5》中总结了许多实践经验、关键技巧,并提供了丰富的示例,作者有意无意地将软件工程以及前端开发技术之道隐藏于朴实的描述中。 通过学习《高性能html5》,读者能够掌握如何创建自己的高性能网站。《高性能html5》适合于想创建自己网站的初学者,同样......一起来看看 《高性能HTML5》 这本书的介绍吧!

XML 在线格式化
XML 在线格式化

在线 XML 格式化压缩工具

Markdown 在线编辑器
Markdown 在线编辑器

Markdown 在线编辑器

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具