使用 Vue 开发的,这 7 个 VS Code 插件万万不可错过!(1)

本文介绍了7款提升Vue开发效率的VS Code插件,包括Vetur、ESLint Plugin VueJS、Vue VSCode Snippets、Bookmarks、Bracket Pair Colorizer和Auto Rename Tag。这些插件能帮助开发者进行语法高亮、代码规范检查、快速编写Vue代码、代码书签管理和括号颜色区分,提升开发体验和代码质量。
摘要由CSDN通过智能技术生成

在 VS Code 中添加好用的插件可以提高我们的开发效率。这些可以帮助我们格式化,扩充性,执行最佳实践的代码方式,自动完成一些琐碎的事情。好了,费话不多说,那我们开始吧!

Vetur

Vetur 支持.vue文件的语法高亮显示,除了支持template模板以外,还支持大多数主流的前端开发脚本和插件,比如 Sass 和 TypeScript,完整的支持高亮的语法如下所示:

在这里插入图片描述

Vetur 维护得很好,它甚至还提供了对Vue3 Typescript的支持。

关于Vetur没有太多要说的了-还没使用的,快快下手吧。

ESLint Plugin VueJS

在这里插入图片描述

大多数开发人员都熟悉 ESLint,这是最流行的linter工具之一,它可以帮助我们保持代码与最佳实践一致,并在大型代码库中具有可读性。

VueJS有自己的ESLint插件来检查单个文件组件的语法

  • 5
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值