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进行开启。完美解决。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容