vscode使用汇总——常用插件、常用配置、常用快捷键

ゞ浴缸里的玫瑰 2023-10-17 20:56 102阅读 0赞

**一、代码提示快捷键设置：（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 展示，如图：

![172074-20180130121000531-560485122.png][]

**四、（个人）综合配置文件**

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

[172074-20180130121000531-560485122.png]: https://images2017.cnblogs.com/blog/172074/201801/172074-20180130121000531-560485122.png