vscode使用匯總——常用插件、常用配置、常用快捷鍵

一、代碼提示快捷鍵設置：（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　　　　　查詢所有引用

Ctrl + K,Ctrl + O  全部折疊

Ctrl + K,Ctrl + J  恢復折疊

Ctrl + Shfit + K  刪除當前行

Ctrl + B  隱藏左邊工具欄

Ctrl + Shfit + \  括號跳轉切換