一、程式碼提示快捷鍵設定：（keybindings.json）

[
    {
        "key": "ctrl+j",
        "command": "-workbench.action.togglePanel"
    },
    {
        "key": "ctrl+j",
        "command": "editor.action.triggerSuggest",
        "when": "editorHasCompletionItemProvider && editorTextFocus && !editorReadonly"
    }
]
 

二、插入程式碼段和字型設定：（setting.json）

{
　　"editor.fontFamily": "宋體",
　　"editor.fontSize": 16,
　　"editor.snippetSuggestions": "top"
}

三、常用外掛安裝

• Auto Rename Tag　　　　標籤自動重新命名
• Auto Close Tag　　　　 自動生成閉合標籤
• color highlight 　　　 顏色預覽
• Document This　　　　  註釋自動生成
• Git Blame　　　　　    Git操作外掛
• Prettier formatter 　  程式碼格式化外掛
• todo highlight　　　　 todo高亮外掛
• vscode icons　　　     檔案目錄ico圖示　

我安裝的所有外掛：

Auto Close Tag
Auto Rename Tag
AutoFileName
Color Highlight
Document This
ESLint
file-icons
Flow Language Support
Git Blame
Hopscotch
JavaScript(ES6)code snippets
Light+ Tweaked
Path Intellisense
Prettier - Code formatter
TODO Highlight
vscode-icons
 

擴充套件：todo highlight外掛使用，開啟控制檯展示todo list列表，Windows系統按快捷鍵F1，開啟設定面板點選如圖開啟視窗todo list 展示，如圖：

四、（個人）綜合配置檔案

{
    "editor.fontFamily": "宋體",
    "editor.fontSize": 16,
    "editor.formatOnSave": true,
    "files.autoSave": "off",
    "prettier.printWidth": 120,
    "workbench.iconTheme": "vscode-icons",
    "git.enableSmartCommit": true,
    "workbench.colorTheme": "Visual Studio Light",
    "git.autofetch": true,
    "window.zoomLevel": 0,
    "todohighlight.isEnable": true
}

五、常用快捷鍵

Ctrl + / 　　　　 　　註釋|解注程式碼

Ctrl + D　　　　 　　 全選當前字串

Ctrl+K,Ctrl+0 　　　　摺疊所有程式碼

Ctrl+K,Ctrl+J 　　　　展開摺疊所有程式碼

Ctrl + Q　　　　　　　切換檢視

Ctrl + W 　　　　　　 關閉當前視窗

Ctrl + 2 　　　　　　 程式碼分屏

Ctrl + Shift + O      列出所有的類和變數

Shift + F12　　　　　查詢所有引用