• 售前

  • 售后

热门帖子
入门百科

浅谈Vue开辟职员的7个最好的VSCode扩展

[复制链接]
pmhuhc77635 显示全部楼层 发表于 2021-10-25 19:22:55 |阅读模式 打印 上一主题 下一主题
在Visual Studio中添加正确的VS Code扩展可以让你作为开发者的生存变得更加轻松。
它们可以帮助格式化、可伸缩性、强制执行最佳实践,从而主动化开发过程中很多容易忘记的任务。它们也可以只是有趣的扩展,使我们的代码看起来更漂亮/更容易编写。
作为一个Vue爱好者,我花了很多时间为Vue开发职员探求最好的VS Code扩展。这里有一些让我的生存变得云云简单的方法。
准备好了吗?

让我们直接切入正题。
Vetur

如果你从这篇文章中下载了一个VS Code扩展,它肯定是Vetur。
一个针对VS Code的Vue工具包——它提供了Vue特定的语法高亮体现、通用代码段的代码段,以及所有Vue开发职员都需要的更多内容。
Vetur维护得很好——它以致还提供了对Vue3 Typescript的支持。
关于Vetur,真的没有太多别的好说的了——明白了吧。这会让你的发展更好。
ESLint Plugin VueJS

大多数开发职员都很熟悉ESLint——这是最盛行的linter工具之一,它可以帮助你保持代码与最佳实践同等,并在大型代码库中具有可读性。
VueJS有自己的ESLint插件来检查单个文件组件的语法。我以为它是编写可维护和可伸缩代码的最佳工具之一。
没有什么比查看一些旧代码,以致不知道从那边开始调试它更糟糕的了。
ESLint可以帮助你保持构造性,并且随着对Vue3支持的增长,你将会编写可扩展的Vue项目。
Vue VSCode Snippets

Sarah Drasner的VSCode扩展将为你节省很多开发时间。它为常用的Vue用例提供了主动填充的代码片段。用她自己的话来说……
从真实天下使用的Vue的角度关注开发者的人机工程学。此中包括我个人厌倦了打字的部门,以及有助于快速删除的样板文件。
它非常得当编写快速sfc、Vue指令和快速访问生命周期钩子。
Bookmarks

很多Vue开发职员的VSCode扩展直到进入大型项目时才真正展现出其全部潜力。
这就是Bookmarks的工作原理。这个扩展可以让你在代码中标志和命名位置。然后,你可以在这些差别的“Bookmarks”之间切换以进步开发速度。
为了找到某个特性,你需要警惕翼翼地上下滚动你的文件,如许的日子一去不复返了。
Bracket Pair Colorizer

Bracket Pair Colorizer确实做到了它说的-它需要匹配括号,并给他们独特的匹配颜色。
固然这看起来像是一个小细节,但它确实可以帮助你修复讨厌的嵌套错误,也可以帮助你。
我也很享受如许做的视觉结果——让我的代码色彩丰富,又不会让它太分散注意力。
绝对值得一看。
Auto Rename Tag

Auto Rename Tag是一个有效的VSCode扩展,将有助于防止错误出如今你的模板代码。
每当你去改变一个标签的HTML括号对(无论是开始或竣事标签),Auto Rename Tag将主动重命名另一个。
这个小的优化可以帮助防止云云多的错误,特别是在处理大型模板时。
NPM Intellisense

当你在Javascript中编写import语句时,NPM Intellisense会主动完成你的NPM模块。
这可以节省你记着一个npm模块简直切名称的时间。
我已经在我的很多项目中使用了它,而且它绝对是我已经变得非常风俗的东西。
结论

总之,有很多VS Code扩展可供Vue开发职员使用。
固然这个列表中的很多修改在一开始大概看起来微不足道,但这些小的修改可以为你节省大量的开发时间。我猛烈发起至少实验所有的方法。
谁知道呢——你大概会爱上此中的一些。
如果你以为另有其他的VS Code扩展值得在这个列表上——请告诉我!

到此这篇关于浅谈Vue开发职员的7个最好的VSCode扩展的文章就先容到这了,更多相关Vue VSCode扩展内容请搜索脚本之家以前的文章或继续欣赏下面的相关文章盼望各人以后多多支持脚本之家!

帖子地址: 

回复

使用道具 举报

分享
推广
火星云矿 | 预约S19Pro,享500抵1000!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

草根技术分享(草根吧)是全球知名中文IT技术交流平台,创建于2021年,包含原创博客、精品问答、职业培训、技术社区、资源下载等产品服务,提供原创、优质、完整内容的专业IT技术开发社区。
  • 官方手机版

  • 微信公众号

  • 商务合作