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 展示，如图：

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

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

{

    "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 + \ 括号跳转切换

秒客网

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

相关文章