閱讀次數: 271

不使用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）:

(連結參考)