VScode常用插件

208 阅读1分钟

记录一些VScode比较好用的插件

安装插件:

不知道怎么安装插件的看图:

在这里插入图片描述

常用效率插件:

vsCode插件参考网站:marketplace.visualstudio.com/

  1. Auto Rename Tag 自动重命名成对标签
  2. Git History 文件提交历史 可视化工具 如:选中文件右键view file history
  3. GitLens — Git supercharged 展示每行代码最后一次提交人员、时间、备注
  4. HTML CSS Support html和css语法提示
  5. Live Server 创建一个本地服务 支持静态网页在本地服务上运行
  6. open in browser 文件在浏览器中打开
  7. Vetur vscode 下强大的vue 开发工具
  8. Vue Peek vue组件查询,按住ctry+鼠标点击,快速定位组件
  9. Bracket Pair ColorZer 支架着色器,js的(),{}这种括号,匹配为一对的颜色相同
  10. Auto Close Tag 自动添加HTML / XML关闭标记
  11. Chinese (Simplified) Language Pack for Visual Studio Code 编辑器汉化插件
  12. Vscode-elm-jump js方法变量跳转插件,用法同webstorm 按住ctrl跳转
  13. CSS Peek css变量跳转插件,用法同webstorm 按住ctrl跳转
  14. Git History git版本管理/记录插件

编辑器美化插件(花里胡哨的插件):

1、Material Icon Theme 好看的文件图标 在这里插入图片描述
2、Power Mode 酷炫吗? 在这里插入图片描述
3、A-super-translate 选择翻译 在这里插入图片描述
4、background 编辑器添加自定义背景 背景图片配置参考:blog.csdn.net/yukinoai/ar… 在这里插入图片描述

结尾:

插件安装太多会导致编辑变卡,花里胡哨的插件慎重使用哈