[筆記] Visual Studio 網頁前端開發新手套件

Posted onAuthorANDY LIEN

章節連結

此篇是篇學習記錄。當一個新手要開始使用 Visual Studio 進行各式開發時，我自己認為所需安裝的套件。
web designer

HTML/CSS 網頁前端

1. Emmet (default) – 提供快速編寫 HTML & CSS 的縮寫。使用時，請記得不要打<>，直接輸入裡頭的關鍵字即可
2. Lorem (default) – 直接產生對應數量的假字，如 lorem30 表示產生30個假字
3. Bracket Pair Colorizer – 方便在除錯時找到對應標籤
4. Code Spell Checker – 檢查是否拼錯字(對應語言預設為英文)
5. Live Server – 檔案儲存時，可以直接透過瀏覽器同步看到結果，在撰寫 CSS 時很有用
6. Markdown Preview Enhance -可以在純文字的描述中，預覽 .md 檔案的預覽結果
7. 程式碼自動縮排：Preference > Settings > Open settings.json > User Settings 貼上以下程式碼
{
“editor.tabSize”: 2,
“editor.wordWrap”: “on”,
“editor.formatOnSave”: true,
“editor.formatOnPaste”: true,
}

 

按讚加入粉絲團

延伸閱讀