VUE好用的拓展推荐

文章列举了一系列在开发Vue项目时常用且实用的VSCode扩展,包括自动闭合HTML标签、代码高亮、ESLint、代码格式化工具Prettier以及Vue相关的插件Vetur和VueHelper等,旨在提升开发效率和代码质量。
摘要由CSDN通过智能技术生成

最近又开始做个Vue大项目啦,就事先整理了一下,基本的好用的拓展,在这里记录一下~

名称简述
Auto Close Tag自动闭合HTML标签
Auto Importimport提示
Auto Rename Tag修改HTML标签时,自动修改匹配的标签
Babel JavaScriptbabel插件,语法高亮
Bookmarks添加行书签
Bracket Lens在闭合的括号处提示括号头部的代码
Can I UseHTML5、CSS3、SVG的浏览器兼容性检查
Chinese (Simplified)适用于VSCode的中文包
Code Spell checker单词拼写检查
Color Highlight颜色值在代码中高亮显示
Color Info小窗口显示颜色值,rgb,hsl,cmyk,hex等等
CSS PEEK定位CSS类名
CSS-AUTO-PREFIX自动添加CSS私有前缀
CSS-in-JSCSS-in-JS高亮提示和转换
Doxygen Documentation Generator注释文档生成
EditorConfig for VS CodeEditorConfig插件
Error Gutters在行号处提示错误代码
ESLintESLint插件,高亮提示
File Peek根据路径字符串,快速定位到文件
Git Blame在状态栏显示当前行的Git信息
Git Graph编辑Git提交分支树
gitignore.gitignore文件语法
Guides高亮缩进基准线
Highlight Matching Tag高亮匹配选中的标签
HTML CSS Supportcss提示(支持vue)
HTMLHintHTML格式提示
htmltagwrap快捷包裹html标签
Image preview实现图片预览
Import Beautifyimport分组、排序、格式化
Import Cost行内显示导入(import/require)的包的大小
Indenticator缩进高亮
IntelliSense for CSS class names in HTMLcss class输入提示
JavaScript (ES6) code snippetsES6语法代码段
JavaScript Atom Grammar自动编辑JS语法
JS Refactor代码重构工具,提取函数、变量重命名等等
Live Server实现本地预览
Markdown All in OneMarkdown格式提示
Material Icon Theme文件图标
Node modules resolve快速导航到Node模块
npm运行npm命令
npm Intellisense导入模块时,提示已安装模块名称
Prettier - Code formatter代码格式化
Prettify JSON格式化JSON
Quokka.js不需要手动运行,行内显示变量结果
Regex Previewer实时预览正则表达式的效果
stylelintcss/sass/less代码风格
SVGSVG查看器
TS/JS postfix completionts/js后缀提示
veturVue插件
Vue Language Features (Volar)Vue插件,支持Vue3
vscode-styled-componentsstyled-components高亮支持
Vue Peek支持跳转到Vue组件定义文件
Vue 3 Snippets快速完成vue3语法模块
Vue VSCode Snippets快速完成workflow
VueHelper可以快速完成vue-router
Wallaby.js实时测试插件
Wrap Console Log对选中代码快速console.log
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

橘子爱作

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值