不使用Dreamweaver有什麼工具可以幫忙,現介紹微軟推出免費跨平台網頁編輯器的Visual Studio Code(VS code),讓許多前端開發人員人喜愛。

官網連結
個人喜愛的佈景主題(Themes):Monokai
參考文檔
建議【外掛】:
- Chinese (Traditional) Language Pack for Visual Studio Code –>VScode 繁體中文化
- Auto Rename Tag –>變更標籤時,結尾標籤自動修改
- Image preview –>語法編輯時,圖片顯示預覽
- indent-rainbow –>語法編輯時,使用Tab空格時顯示顏色,表語法層次性
- Liver Server –>local
建議【快速鍵】:
- Ctrl + / :註解整行
Alt + / :註解區塊 ,建議自訂修改鍵盤快速鍵 - Alt + ↑,↓ :移動
- Ctrl + D :相同文字,一同選取及修改
- Shift + Alt + F :重新整理
- Shift + Alt + ↑ :向上複製
Shift + Alt + ↓ :向下複製
建議【設定】:
{ "editor.fontSize": 16, "editor.fontFamily": "'Source Code Pro Light','微軟正黑體',Consolas, 'Courier New', monospace", "editor.tabSize": 2, "editor.minimap.enabled": false //【檢視】>【切換迷你地圖】關閉 }
其他
VS Code 中自訂程式碼片段的功能(snippet):
(連結參考)