VSCode 套件推薦 — Polacode

janlin002
Jan 29, 2023
Photo by Christian Wiediger on Unsplash

明天就要開工了,好痛苦啊啊啊

今天想要介紹一個我個人蠻喜歡的 VSCode 套件 — Polacode,這個套件很簡單就只是幫助各位開發者去將程式碼做截圖的動作

至於為什麼會想要介紹這個套件?

其實是因為常常會在社群中看到有些開發者在問問題或是在做討論時,會有需要展示程式碼的部分,這時候如果直接講程式碼貼出來,在沒有排版的情況下,光是要了解對方的程式碼可能就需要一段時間,更何況是要從中找出問題,這樣其實是非常浪費時間的

Polacode怎麼用?

首先先到 VSCode 中的 Extensions 輸入框,輸入關鍵字: Polacode

並且把第一個下載下來

下載下來後,我們就可以開始截圖了

首先先輸入 command+shift+p,這時候 VSCode 會出現一個輸入框

這時候一樣輸入今天的關鍵字: Polacode,或是可以點選畫面的第一個項目

這時候沒出意外的話,你的畫面會長這樣

這時候可以跟著 console.log 裡面的步驟去執行

  1. 複製要截圖的程式碼
  2. 貼上程式碼 (進到 Polacode 的 file 裡面貼上)
  3. 點擊按鈕截圖

完整流程大概會長這樣

這樣我們就完成了,截圖動作了,下面是成品

有兩點需要特別注意:

  1. Polacode 會連你的主題一起截取,這邊我示範將我的主題改成白色的,成品就會長這樣

2. Polacode 的 file 會影響你的成品,一樣用圖片來說明,如果 file 幾成跟下圖一樣,不要期待 Polacode 會自動幫你展開程式碼

下圖為成品,會根據當下截圖的位置做複製

結語

這篇文章就是簡單介紹一下 Polacode 這個好用的套件,撫慰大家明天要開工鬱悶的心情,最主要介紹這個套件還是希望在跟其他開發者討論程式碼時,可以讓對方有個良好的閱讀體驗,在討論上才會更加順暢

一樣有任何錯誤,或是問題都歡迎留言給我,我們下次見,拜拜

--

--