[VS Code] Visual Studio Code 好用套件安裝/設定

最近由於 Visual Studio Code 的開源,有越來越多的開發者貢獻插件以及許多開發朋友紛紛從 Sublime text 轉換到 VS code 上,因此本篇文章主要會介紹我個人在使用上覺得還不錯的套件安裝說明以及如何使用。


前置準備作業

  1. Windows / MacOS 的作業系統
  2. Visual Studio 安裝,安裝連結

Mini map 套件

開啟 Mini map 可以顯示目前程式碼的概略縮圖,以及及顯示目前檔案程式碼的樣子,讓我們即時知道目前檔案的內容。

安裝步驟
  • Step 1. 開啟設定頁面

Code => 喜好設定 => 設定

  • Step 2. 更改設定值

由於 VS 的設定檔都是透過 json file 去做更改,此方法在統一團隊開發環境設定是很方便的。

更改完成後,右邊頁面會出現您有調整過後的一份新的設定檔

Format on paste 套件

開啟 Format on paste 可以幫助開發者在外部網站找到一段程式碼後,貼入 VS Code 後,會自動排版。

安裝步驟
  • Step 1. 開啟設定頁面

Code => 喜好設定 => 設定

  • Step 2. 更改設定值

更改完成後,右邊頁面會出現您有調整過後的一份新的設定檔

Ben Shiue

Having being a full stack engineer. His interests in Node.js, ARM mbed, IoT solutions. Contact us : [email protected]

ALL RIGHTS RESERVED. COPYRIGHT © 2016. Designed and Coded by Makee.io