常常會在社群中看到有些開發者在問問題或是在做討論時，會有需要展示程式碼的部分，這時候如果直接講程式碼貼出來，在沒有排版的情況下，光是要了解對方的程式碼可能就需要一段時間，更何況是要從中找出問題，這樣其實是非常浪費時間的，所以今天來介紹一個相當好用的 VSCode 套件 - 【Polacode】，這個套件可以輕鬆將程式碼做美美的截圖！

如何使用？

到 VSCode 的 Extensions，輸入關鍵字： Polacode。

然後把第一個安裝起來，我們就可以開始截圖啦！

使用快捷鍵：「ctrl + shift + p」 (Mac 系統用 command + shift + p )，找到「Polacode📸」並執行。

你的畫面應該會出現這樣：

接著就照著上面的步驟去操作：

1
2
3
4

console.log('0. Run command `Polacode 📸`')
console.log('1. Copy some code')
console.log('2. Paste into Polacode view')
console.log('3. Click the button 📸')

1. 複製你要截圖的程式碼區塊。
2. 在 Polacode 的 file 裡貼上。
3. 點擊按鈕截圖。

完整流程如下：

注意事項

1. Polacode 會連你的主題一起截取。
2. Polacode 的 file 會影響你的成品，因此 file 內因為擠壓而換行，儲存出來的成品也會換行。

介紹這個套件是希望在跟其他開發者討論程式碼，或是自己有撰寫部落格與文章的習慣時，可以讓對方或讀者有個良好的閱讀體驗，閱讀起來會更加順暢！