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

章節連結

此篇是篇學習記錄。當一個新手要開始使用 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,
}

 

按讚加入粉絲團

延伸閱讀

GA瀏覽人氣:45