eslint 保存时自动格式化

项目联合开发的人越多,越需要用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 保存时自动格式化)