Views: 1

這篇關於安裝學習工具，VS CODE以及設定相關外掛

Visual Studio Code 簡稱VS CODE

https://code.visualstudio.com

很多工具都能作為HTML的開發學習常見的有記事本、VIM、Notepad++、Visual Studio、sublime，我推薦Visual Studio的原因是業界主流、免費、有許多好用的外掛可以降低學習門檻。

HTML說穿了是一個文字檔，能編輯純文字的編輯器都能用。

安裝後安裝

這邊下載的版本是1.96版

安裝時建議把下列兩個選項打勾，勾選後就能用右鍵直接使用VS CODE開啟

1. 將「以Code開啟」動作加入Windows檔案總管的操作功能表中
2. 將「以Code開啟」動作加入Windows檔案總灌木路的操作功能表中

取消：針對支援的檔案類型將Code註冊為編輯器。

安裝完成後可以直接開起來用了

外觀

第一次啟動會出現設定外觀的畫面，我習慣用Dark Modern就好，但因為要教學我選擇Light High Contrast。

安裝外掛

開啟Extensions 熱鍵：CTRL+SHIFT+X

外掛這邊是眾多工程師的心血結晶，很多工程師無償開發了各種好用的外掛提供大家使用。

HTML開發推薦外掛

1. Live Server ，讓你開發網頁時候可以快速的知道效果。
2. Prettier，程式碼自動排版。
3. IntelliCode，自動提供關鍵字、語法。
4. HTML CSS Support，自動提供HTML相關語法。
5. JavaScript (ES6) code snippets，自動提供JavaScript相關語法。

VS CODE可用的外掛相當多，但建議新手先裝這幾個就好，多數的是現階段用不到，且裝太多會拖慢整個VS CODE的速度，而且有些外掛彼此不相容會產生衝突。