详解vscode中如何格式化vue文件-木庄网络博客

详解vscode中如何格式化vue文件

2022-08-14 12:00:00 PHP中文网软件应用百度已收录

本文摘自PHP中文网，作者青灯夜游，侵删。

本篇文章给大家介绍一下vscode中格式化vue文件的方法，附自定义快捷键的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

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

1. 先安装插件beautify

【推荐学习：《vscode教程》】

2. 打开设置 => 搜索 beautify.language

3. 配置 json 就行了

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