VScode自动格式化代码（tab缩进、符号空格）配置beautify插件使用-Toy模板网

这篇具有很好参考价值的文章主要介绍了VScode自动格式化代码（tab缩进、符号空格）配置beautify插件使用。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

如何让自己的代码漂亮，看别人的代码也舒服？

	在做代码开发的时候，有时候看到别人杂乱的代码，莫名的心烦，但又不得不看，所以在编辑器上配置beautify插件会很大的解决这个痛点，得益于VSCODE强大的插件库，有时候安装了，但配置起来并不是那么方便，那么本文就将我的配置发布出来供大家参考。

安装插件
在插件库搜索beautify，会弹出很多插件
你需要根据你自己的语言选择对应的插件安装，尽量选择在维护中的插件
我是做前端的，所以选择的是beautify blade，格式化语言：javascript, JSON, CSS, Sass, and HTML
![在这里插入图片描述](https://img-blog.csdnimg.cn/cc42b7d4f0b549a78d16c69e7d33924d.png2.
配置VScode的setting.json文件
打开VScode设置，打开setting.json文件如下
将如下配置写入setting.json

{
    "editor.tabSize": 2,  //设置tab缩进格数，我习惯是2格，可根据个人修改
    "editor.codeActionsOnSave": {
        "source.fixAll": true
    },
    "beautify.language": {
        "js": {
            "type": [
                "javascript",
                "json"
            ],
            "filename": [
                ".jshintrc",
                ".jsbeautifyrc"
            ],
            "ext": [
                "js",
                "json"
            ]
            // ^^ to set extensions to be beautified using the javascript beautifier
        },
        "css": [
            "css",
            "scss"
        ],
        "html": [
            "htm",
            "html",
            "php",
            "blade.php"
        ]
    },
    "editor.formatOnSave": true,  //设置格式化触发条件，为true时，每次保存就自动格式化
    "beautify.ignore": [
        "*/test.js",
        "**/spec/*",
        "**/test/**/*"
    ],
    "beautify.config": "",
}