vscode好用的插件

269 阅读1分钟

1.Prettier 代码格式化程序

2.any-rule 正则大全(推荐)

右键选择"🦕正则大全"

image.png

3.Auto Rename Tag 自动重命名标签(推荐)

4.Image preview 图片预览

在装订线中和悬停时显示图像预览

5.JavaScript (ES6) code snippets

image.png

image.png

image.png

6.Live Server 实时服务器

启动具有静态和动态页面实时重新加载功能的本地开发服务器。

7.path-alias 路径别名(推荐)

  • 提供路径别名的输入提示
  • 提供路径别名的文件跳转
  • 支持组件标签跳转。

8.Tailwind CSS 智能感知

9.Vetur(推荐)

10.Vue - Official

11.Vue Peek

12.Vue VSCode Snippets

快捷指令

13.vue-component

  • template中输入组件名称自动提示找到的组件(详见设置说明),选中后自动输入组件名(包含必填属性)、import语句、components属性(如果有需要)。
  • 鼠标移到组件标签名称时按Ctrl,点击标签名称可跳转到组件文件。
  • 鼠标悬浮到组件标签,提示组件属性和事件。

14.GitLens — Git supercharged(推荐)

快速了解一行或代码块何时、为何以及由谁更改。将最重要的更改归零,轻松浏览历史记录,以进一步了解文件或单行代码的演变过程。通过 Git Blame 注释和 Git CodeLens,代码作者身份一目了然。使用视觉效果丰富的提交图无缝探索 Git 存储库。通过 GitLens Inspect 等获得宝贵的见解。