之前没时间用eslint。每次项目vscode编辑器的eslint插件关闭eslint,老项目从来没有关注过相关的代码规范。这次新项目加入实践!Question三个插件功能自动有一些冲突的规则,需要确定优先顺序。其他插件可以自动保存格式化功能,方便自定义配置。参考UseESLintandPrettiertowritehigh-qualitycodeandimplementbothinthepackageConfigureusingESLint&Prettiertobeautifyvuecode比较官方的文档,感觉没说清楚IntegratingwithESLint给了一个解决方案是不是先使用Pretiterrules或esLint,并给出推荐设置。答案方案1是最简单的,在withESLint中集成最后推荐的方案:yarnadd--deveslint-plugin-prettiereslint-config-prettier.eslintrc.jsonAdd{"extends":["plugin:prettier/recommended"]}到配置,soeasy!方案二npmi添加配置-Deslint-plugin-prettierpackage.json:"eslintConfig":{"extends":["prettier"],"plugins":["prettier"]},"prettier":{"singleQuote":true,"semi":false},Different两者的区别在于是否使用单引号以及行尾是否有分号。第二个eslint错误不会自动修复Recommendintegrationwitheditor配置编辑器的formatOnSave设置。保存后自动检测格式,列出vscode配置,参考{"prettier.eslintIntegration":true,"eslint.autoFixOnSave":true,"editor.formatOnSave":true}vscode编辑器相关插件:Prettier-CodeformatterEditorConfigforVSCodeESLint暂时不涉及editconfig,后续会添加
