vscode中使用beautify插件格式化vue文件

最新推荐文章于 2025-07-15 16:49:27 发布

蔡俊锋

最新推荐文章于 2025-07-15 16:49:27 发布

阅读量6.2k

点赞数

CC 4.0 BY-SA版权

分类专栏：工具 vue 文章标签：格式化vue代码 vscode beautify

本文链接：https://blog.youkuaiyun.com/caijunfen/article/details/79669813

vue 同时被 3 个专栏收录

40 篇文章

订阅专栏

工具

30 篇文章

订阅专栏

element

7 篇文章

订阅专栏

本文介绍如何在代码编辑器中配置Vue文件的代码美化设置。通过简单地修改json配置文件，在html语言类型中增加对Vue的支持，即可实现Vue代码的自动美化。

**点击设置，找到beautify.language并在html一栏里加上vue，so easy！**

"beautify.language": {
        "js": {
            "type": [
                "javascript",
                "json"
            ],
            "filename": [
                ".jshintrc",
                ".jsbeautify"
            ]
        },
        "css": [
            "css",
            "scss"
        ],
        "html": [
            "htm",
            "html",
            "vue"//在这里加上vue
        ]
    }