VScode快捷键及常用插件

VScode快捷键：

https://blog.csdn.net/hypon2016/article/details/80831266

VScode快捷键：

• Auto Close Tag ：自动闭合 HTML/XML 标签
• Auto Rename Tag ：自动重命名成对的 HTML/XML 标签
• Babel ES6/ES7 ： 添加 ES6/ES7 语法的颜色提醒
• Canvas Snippets ：Canvas 代码片段提示
• Bracket Pair Colorizer ：多层括号颜色匹配
• CSS peek ：可直接在 HTML 中查看 class、id 对应的 CSS 样式，并可以直接跳转
• Document This ： JSDoc comments for both TypeScript and JavaScript
• filesize ：编辑器左下角显示文件大小
• git history、gitlens ： git 使用必备，能够图形化显示 git 历史、编辑人物等
• HTML CSS support ： HTML、CSS 快捷操作
• HTML Snippets ： HTML 代码片段
• Htmltagwrap ： 选中代码快速增加 html 标签 - alt + w
• Image Preview ： 代码中直接显示图片缩略图
• Import Cost ：显示 import、require 引用的包的大小
• JavaScript (ES6) snippets ：ES6 代码片段
• JavaScript Snippet Pack ：ES5 代码片段
• npm ：npm 支持
• one dark pro ：主题风格
• Open in Browser ：alt + B, 直接在浏览器打开文件
• Prettier formatter ：超好用的格式化插件
• Vetur、vue 2 snippets、vscode-element-helper ：提高 vue 效率的插件
• vscode-icons ：给各个文件类型增加图标
• Indenticator ： 高亮当前代码层级
• Bracket Pair Colorizer ： 括号匹配颜色提示
• Color Info ：CSS 颜色显示
• Comment V ：添加 JS 注释（个性版）
• Background ：编辑区域背景萌萌哒
• File peek ： 直接在 javascript、typescript 中查看选中区域的缩略图，并可以直接跳转
• Log File Highlighter ：控制台输出信息美化
• vscode-fileheader ：在文件头部添加注释信息，可在 setting.json 中自定义信息
• Markdown Preview Enhanced ：markdown 直接显示
• Node.js Modules Intellisense ：自动补充 node modules 输入路径