VS Code 前端插件推荐

山间板栗
61 阅读1分钟

记录一些我喜欢用的， WEB 开发相关插件。

Vetur --- vue2

  • 提供 Vue 文件的语法高亮。
  • 支持 Vue 文件的智能感知和自动完成。
  • 提供了 Vue 文件的格式化工具。
  • Vetur 插件

image.png

Volar --- vue3

  • Vue3 语言高亮、语法检测。
  • 支持 TypeScript 和基于vue-tsc 的类型检查功能。
  • Vetur 插件

image.png

Tabnine: AI Autocomplete

image.png

Vue VSCode Snippets

  • Vue VSCode Snippets 插件旨在为开发者提供最简单快速的生成 Vue 代码片段的方法。
  • 通过各种快捷键就可以在 .vue 文件中快速生成各种代码片段。
  • 该插件支持：Volar、Vue2 和 Vue3。
  • Vue VSCode Snippets 插件

image.png

GitLens

  • 提供强大的 Git 功能，方便查看和比较代码的历史版本。
  • 支持注释、贡献者信息等。
  • GitLens 插件

image.png

Path Intellisense

  • 路径自动完成插件，方便在 import 语句中快速输入文件路径。
  • 提高开发效率。
  • Path Intellisense 插件

image.png

Vue Peek

  • 允许从模板中跳转到相关的 Vue 文件。
  • 支持在模板、样式和脚本之间轻松切换。
  • Vue Peek 插件

image.png

Import Cost

image.png

avatar
文章
阅读
粉丝