VScode代码格式化

最新推荐文章于 2024-07-13 11:16:40 发布

Laymanღ

最新推荐文章于 2024-07-13 11:16:40 发布

阅读量644

点赞数 10

分类专栏：前端学习文章标签： vscode 编辑器

本文链接：https://blog.csdn.net/TotoroChinchilla/article/details/135505468

版权

前端学习专栏收录该内容

4 篇文章 0 订阅

订阅专栏

本文介绍了如何在VSCode中使用ESLint插件和配置JSON来控制代码格式化，防止在格式化时自动换行，以保持代码整洁且符合个人偏好。

摘要由CSDN通过智能技术生成

Vscode代码格式化

有时候总是想,为什么我的代码格式化完后为什么这么挤,而且不想让代码在格式化后换行,他总是自动换行,所以我去网上查了相关资料

第一步,搜索插件ESLint并安装,安装完成后你就可以进行格式化了
在这里插入图片描述
第二步,设置中选择settings,搜索Tab size,根据一下图片更改

第三步,点击右边的setting(JSON),将以下代码插入进去,为了防止每次格式化代码,他都自动换行,保存即可

// 禁止代码格式化换行
    "vetur.format.defaultFormatter.html": "js-beautify-html",
    "vetur.format.defaultFormatter.js": "vscode-typ=script",
    "vetur.format.defaultFormatterOptions": {
        "js-beautify-html": {
            "wrap_attributes": "auto"
        },
        "prettyhtml": {
            "printWidth": 120,
            "singleQuote": false,
            "wrapAttributes": false,
            "sortAttributes": false
        }
    },