讓你的commit log由於emoji再也不單調

立刻就到了國慶前的最後一個周了，堅持堅持就能夠爲祖國慶生了，快來種草個有趣的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:效果截屏僅僅是測試效果，最好正確使用表情類型纔能有它存在的意義，否則都是胡扯啦.

自從學會了這個有趣的插件使用，不再會由於提交空字符串挨批了，同事紛紛投來羨慕的眼光，真好~

交流

微信公衆號「前端公蝦米」，將不定時更新最新、實用的開發小技巧和相關前端乾貨

關注公衆號，回覆"資料"獲取全套前端視頻教程