vscode的 Eslint代码自动格式化

最新推荐文章于 2025-04-10 10:24:58 发布

Dawn_pre

最新推荐文章于 2025-04-10 10:24:58 发布

阅读量1.4k

点赞数

分类专栏： study progress 文章标签： vue javascript

本文链接：https://blog.youkuaiyun.com/csdn_smartyang/article/details/108881263

版权

本文介绍了如何在VSCode中配置Eslint进行代码自动格式化，以提升代码质量和可读性，便于团队协作。

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

在生产开发过程中企业一般要求我们开Eslint，目的是为了提高代码的可读性和规范性便于在你离职后代码能让别人接手，

第一步

在这里插入图片描述

第二步

preferences找到Setting文件夹
点红框

第三步插入以下代码并阅读一下即可

{
   
    // #值设置为true时，每次保存的时候自动格式化；值设置为false时，代码格式化请按shift+alt+F
    "editor.formatOnSave": true,
    //设置tab的缩进为2
    "editor.tabSize": 2,
    // #每次保存的时候将代码按eslint格式进行修复
    "editor.codeActionsOnSave": {
   
        "source.fixAll.eslint": true,
    },
    // 添加 vue 支持
    "eslint.validate": [
        "javascript",
        "javascriptreact",