周末写了一个 VSCode 注释插件，让你的注释花里胡哨起来

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 1397 天前的主题，其中的信息可能已经有所发展或是发生改变。

周六晚上突然灵光一闪，想到之前看过一个佛祖保佑无 bug 的注释，感觉可以写一个把图片转成 ascii 的插件，把图片插到注释里，这样扩展性更强。

周日起来就做了 fun-comment，提供两个功能：

把一张图片转成 ascii 样式并添加到注释里
把选中的文字转成 ascii 样式

gif

VSCode 插件商店搜索 "fun-comment" 就可以用了，大家可以去玩玩
代码在这里 fun-comment

在编辑区右键会多出两个选项：

"Fun-comment Add Image Comment"：选择这个，会弹出图片选择器，选择一个图片后会插入图片的 ascii 样式
"Fun-comment Add Text Comment"：选择这个，会将已经选择的文字替换成 ascii 样式，前提需要先选中一段文字

实现比较简单，图片转 ascii 就是色值匹配到对应的字符，文字转 ascii 直接用了 figlet 库。大家自行看代码就行

最后说说图片转 ascii 字符，想当初我第一次感觉到程序真神奇的时候，就是大一的时候，看到学长做了一个 bad apple 的 ascii 字符动画，瞬间感受到了程序的魅力，然而时间过得好快，距离那时候已经好久了

ASCII

注释

图片

字符

15 条回复 • 2021-03-08 00:03:19 +08:00

poterliu

2021-02-28 20:20:45 +08:00

好有意思

ShuoHui

2021-02-28 20:35:46 +08:00 via iPhone

蛮好玩的

tuzki

2021-03-01 08:56:55 +08:00

哈哈不错不错好玩的东西多了，这个世界才会越来越有意思，楼主有想法！

PayneSeediqBale

2021-03-01 09:29:29 +08:00

优秀

alazysun

2021-03-01 11:26:51 +08:00

人才啊。。。

liu99

2021-03-01 13:02:23 +08:00

老哥啥时候发布到 idea 插件库里面

zy5a59

2021-03-01 13:50:39 +08:00

@poterliu #1
@ShuoHui #2
@tuzki #3
@PayneSeediqBale #4
@alazysun #5
感谢支持～

@liu99 #6
后面看看有时间可以再做个 idea 的插件

PainAndLove

2021-03-01 15:34:06 +08:00

有点意思。。墙

7gugu

2021-03-02 00:23:46 +08:00 via iPhone

哈哈哈哈哈，有意思

xuanyuanaosheng

2021-03-02 09:49:36 +08:00

有意思了

biguokang

2021-03-02 17:32:36 +08:00

看来来这个图像转字符画的原理应该和我的做的这个类似

https://cdn.alpaca.run/js/banana.html

zy5a59

2021-03-02 19:18:12 +08:00

@PainAndLove #8
@7gugu #9
@xuanyuanaosheng #10
😄

@biguokang #11
这类图像转字符画的原理应该都差不多，我也是网上找的方案 😄

newHunter

2021-03-04 22:39:35 +08:00

哈哈，不错

goxxoo

2021-03-06 15:05:37 +08:00

idea 来个？

zy5a59

2021-03-08 00:03:19 +08:00

@goxxoo #14 后面有空了考虑做一个~
@newHunter #13 感谢支持~