美文网首页
eslint 保存时自动格式化

eslint 保存时自动格式化

作者: kate_hu | 来源:发表于2020-04-01 19:34 被阅读0次

    项目联合开发的人越多,越需要用eslint来做代码风格统一。一般是配置package.json的

    "lint": "vue-cli-service lint”,就可以实现一键格式化代码。但是更希望能在边开发的时候,ctrl+s 保存时自动格式化。找了很多网上文章可以代码自动格式化,但是亲自试了一下,总是用不了。

    自己尝试找到一个很简便的方法,使用npm库'@vue/standard', 配合编辑器(我用的是vscode),可以实现保存时候自动格式化。

    总共是要改动两个地方:

        1、eslintrc.js 的extends配置一定要添加'@vue/standard'

             'extends': [

                'eslint:recommended',

                'plugin:vue/recommended',

                '@vue/standard',

                '@vue/typescript'

              ]

    ps:对@vue/standard的安装需要知道其实是安装的@vue/eslint-config-standard,因为eslint配置的时候省略了“eslint-config-”前缀

    2、vscode的左下角设置->搜索eslint ,对Auto Fix On Save进行开启。完美解决。

    相关文章

      网友评论

          本文标题:eslint 保存时自动格式化

          本文链接:https://www.haomeiwen.com/subject/zjrpjctx.html