项目联合开发的人越多,越需要用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进行开启。完美解决。
网友评论