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 恢复折叠