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　　　　　查询所有引用