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
}