头部背景图片
小畅童鞋的学习笔记 |
小畅童鞋的学习笔记 |

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 输入路径
Lililich's Blog