马上就到了国庆前的最后一个周了，坚持坚持就可以为祖国庆生了，快来种草个有趣的VScode插件吧

序言

Visual Studio Code 是由微软开发的一款免费、跨平台的文本编辑器。由于其卓越的性能和丰富的功能，它很快就受到了大家的喜爱。在前端领域更是占着大部分比重的使用比例。

今天介绍一款不错的emoji美化commit log的VS code插件,叫做Gitmoji Commit

插件emoji参考来源于:gitmoji.carloscuesta.me/

效果

我们先来看看效果 这是我当前提交的commit log信息

我们再看看提交日志里所呈现的commit log

这是一个样例，我们现在来看看这项插件给我们提供了哪些有趣的emoji表情

我们可以看到，每个emoji都有对应的类型描述以及emoji字符，常用的几个有

• 🎉:初次提交
• 🎨:改进代码结构/代码格式
• 🔥:移除代码/文件
• 💄:更新UI界面/样式
• 🐛:修复bug

用emiji来区分commit 类型，不仅生动形象有趣，整体的查看体验也是倍儿爽

使用步骤

下面来教大家具体使用步骤

1. 首先，先将需要提交的代码提交到暂存区
2. 其次，使用Ctl + Shift + P（MAC使用 Cmd + Shift + P）打开我们的命令提示符
3. 再来，选择 Gitmoji Commit: Create Commit Message
4. 然后，选择所想要提交的commit类型emoji
5. 接着，输入所要提交的commit信息，按Enter保存commit信息
6. 最后会将你的commit log输出到终端
7. push一下就OK啦

下面我们来演示一波

查看

该插件还提供更加详细的列表查看emoji和类型描述与具体表情符号

1. 使用Ctl + Shift + P（MAC使用 Cmd + Shift + P）打开我们的命令提示符
2. 找到 Gitmoji Commit: Open Cheat Sheet 命令并选择
3. 单击表情符号或冒号语法进行复制表情符号或者commit字符

PS:效果截屏仅仅是测试效果，最好正确使用表情类型才能有它存在的意义，不然都是胡扯啦.

自从学会了这个有趣的插件使用，再也不会因为提交空字符串挨批了，同事纷纷投来羡慕的眼光，真好~

交流

微信公众号「前端公虾米」，将不定时更新最新、实用的开发小技巧和相关前端干货

关注公众号，回复"资料"获取全套前端视频教程