VS code - toumei/1071-database-G13 GitHub Wiki

快捷鍵

  • F2:專案內重新命名,會重新命名該專案內,所有有用到該變數或方法的名稱
  • Shift + Alt + F 快速美化程式碼(自動排版)
    • VSCode 設定擋裡,有一個 editor.formatOnSave 可以設定成 true 這樣會在每次存檔時,自動執行自動排版功能
  • Shift + F12 尋找所有參考
    • 當想要查看所有參考到此方法或變數的位置時,可用此快速鍵開啟快速瀏覽視窗,從中找到所有參考的位置
    • VSCode 設定 References CodeLens,可以在全域的設定檔中設定 typescript.referencesCodeLens.enabled 為 ture,這樣程式碼上面就會有參考位置及數量
  • Ctrl + F2 修改當前檔案的變數或函數名稱
    • 按此快速鍵可選取當前檔案中,所有同字樣的變數或方法
    • 注意!此功能不分大小寫
  • VSCode 設定 editor.wordWrap 為 on, 自動換行顯示

Extensions

  • Git History:方便查看 Git 紀錄以及檔案歷史
  • GitLens — Git supercharged:必備的全能 Git 擴充功能
  • Preview on Web Server:HTML快速預覽
  • Auto Close Tag:自動把右括號或結束標籤補上
  • Path Intellisense:文件路徑補全
  • NPM Intellisense:NPM 依賴補全
  • Guides:方便識別程式區塊
  • vscode-icons:icon主題方便查看檔案類型(可不安裝)
  • TypeScript Toolbox:提示快速import
  • Auto Import:自動import
  • Prettier - Code formatter:美化html css js 及一些檔案