记录VSCode编辑器的神级扩展们,可以在编辑器中直接搜索扩展名安装体验。
vscode-icons
插件用途: 在项目文件列表里替换默认的文件图标,图标很精美,更方便查找。
One Dark Pro
插件用途: 很漂亮的主题配色,比自带的那些配色看起来舒服,配合 mac 屏幕很实用。
Draw.io Integration
插件用途: Draw.io可以用来画“思维导图”、“流程图”、”原型图”、“UML”、“BPMN”等。它的官网域名是https://draw.io,可以直接以浏览器或者安装桌面应用使用。它保存的是矢量数据,可以导出位图。
用法示例: 创建drawio后缀名的文件即可打开使用。
Project Manager
插件用途: 可以保存常用项目到列表里,可以用点击的方式切换到不同项目。
用法示例: 本扩展的操作入口名为PROJECT MANAGER,与资源管理器、搜索等按钮图标同级。
GitLens — Git supercharged
插件用途: 当用户选中当前文件代码的某一行时,自动展示当前行的上一次git commit作者、备注及时间。也可以点击资源管理器左侧的GitLens图标,查看当前文件的git commit所有历史。
Prettier - Code formatter
插件用途: 强制约束前端代码风格,适合大型团队协作。但是因为格式化后的风格并不适合所有人,所以并不推荐个人项目使用。
Beautify
插件用途: 可以格式化Javascript,JSON,CSS,Sass,HTML代码,支持的语言比Prettier少,约束更弱,不会提示代码风格的错误,使用更友好。
Quokka.js
插件用途: 实时运行,展示当前代码的结果,支持Javascript和TypeScript语言。
用法示例: 快捷键command + p,输入>quokka,选择要使用的功能。
Bracket Pair Colorizer
插件用途: 高亮显示成对的括号字符。
HTML Snippets
插件用途: 简写html代码,按Tab键自动生成代码片段。
用法示例: 如输入div + Tab生成<div></div>,或输入html:5 + Tab生成html5的页面结构。
Auto Rename Tag
插件用途: 编辑html,xml标签名时,自动修改前置或后置的对应标签名。