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


官網連結

個人喜愛的佈景主題(Themes):Monokai
參考文檔

建議【外掛】:

  1. Chinese (Traditional) Language Pack for Visual Studio Code     –>VScode 繁體中文化
  2. Auto Rename Tag  –>變更標籤時,結尾標籤自動修改
  3. Image preview  –>語法編輯時,圖片顯示預覽
  4. indent-rainbow  –>語法編輯時,使用Tab空格時顯示顏色,表語法層次性
  5. Liver Server  –>local

建議【快速鍵】:

  1. Ctrl + /      :註解整行
    Alt + /      :註解區塊 ,建議自訂修改鍵盤快速鍵
  2. Alt + ↑,↓     :移動
  3. Ctrl + D     :相同文字,一同選取及修改
  4. Shift + Alt + F  :重新整理
  5.  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):

(連結參考)