vscode+eslint自动格式化vue代码的方法

举报
经典鸡翅 发表于 2022/02/17 23:38:07 2022/02/17
8.1k+ 0 0
【摘要】 前言 使用vscode开发vue项目的时候,为了编码格式的统一化,使用eslint规范进行格式化。此时通过eslint插件可以实现对vue代码的自动格式化。 使用方式 在vscode的插件模块处,搜索eslint。找到下面的插件。 安装完成后,进行配置。 file --> preferenc...

前言

使用vscode开发vue项目的时候,为了编码格式的统一化,使用eslint规范进行格式化。此时通过eslint插件可以实现对vue代码的自动格式化。

使用方式

在vscode的插件模块处,搜索eslint。找到下面的插件。


安装完成后,进行配置。
file --> preferences --> setting
找到eslint。

打开setting.json。
在里面配置如下代码:

       {
        "eslint.options": {
          "extensions": [
            ".js",
            ".vue"
          ]
        },
        "eslint.validate": [
          "javascript",
          {
            "language": "vue",
            "autoFix": true
          },
          "html",
          "vue"
        ],
        "eslint.autoFixOnSave": true,
        "editor.codeActionsOnSave": {
          "source.fixAll.eslint": true
        },
        "eslint.codeAction.disableRuleComment": {},
        "eslint.alwaysShowStatus": true,
       }
   
  

重启后,修改代码,当不符合es规范的时候,使用ctrl+s保存的时候,就自动修复了。

文章来源: blog.csdn.net,作者:经典鸡翅,版权归原作者所有,如需转载,请联系作者。

原文链接:blog.csdn.net/hanqing456/article/details/111878977

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

作者其他文章

评论(0

抱歉,系统识别当前为高风险访问,暂不支持该操作

    全部回复

    上滑加载中

    设置昵称

    在此一键设置昵称,即可参与社区互动!

    *长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

    *长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。