vscode格式化vue代码

最新推荐文章于 2025-05-30 08:05:08 发布

blueS~

最新推荐文章于 2025-05-30 08:05:08 发布

阅读量2.4k

点赞数 2

分类专栏： web前端

本文链接：https://blog.youkuaiyun.com/weixin_42707181/article/details/89187889

版权

web前端专栏收录该内容

38 篇文章

订阅专栏

本文详细介绍如何在VSCode中安装并配置vetur插件，实现Vue文件的自动格式化，包括HTML、CSS、JS部分，适用于Vue、ElementUI等框架。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.在vscode应用商店搜索vetur 安装vetur

2.配置
   1).1.打开File----->preferences------>settings
   2).搜索vetur.format.defaultFormatter.html  
   3).打开如下图  点击编辑按钮，按照编辑器的提示
   将node修改为js-beautify-html

在这里插入图片描述
4.然后使用快捷键 Shift+Alt+F，可以格式化整个vue文件，包括css、HTML（包括vue、elementUI等）、js。