ESLint+Prettier统一前端代码风格（Vue项目）可以先看看这篇介绍文章：使用ESLint+Prettier统一前端代码style根据流行的代码规范标准（例如Airbnb），首先实现自己的代码规范：第一步：使用VSCode中的Prettier插件接管Vue项目模板和CSS代码样式的统一格式化。这个操作也会统一一些JS代码的样式，但是可能和第二步的Airbnb标准有冲突，我们需要配置global。第二步：ESLint配合Airbnb（建议好好看看）规范，可以检测代码中潜在的问题，提高代码质量，但不能完全统一代码风格，因为这些代码规范的重点不是关于代码风格（虽然有一些限制），但是第一步已经解决了代码风格的问题。场景如下：假设是中小型公司Vue前端项目快速开发的代码规范标准。如果项目工程也是用VueCli4初始化的项目。假设你对Babel在VueCli中的实现以及需要的依赖也有一定的了解。然后我们开始使用友达为我们配置的@vue/cli-plugin-eslint工具来ESlint我们的代码（当你选择airbnb标准的vueaddeslintplugin命令时，它会自动使用vue/eslint-config-airbnb和eslint-plugin-import依赖于ESLint检查）。当然，如果你对前端工程有很深的了解，公司的前端项目webpack是自己实现的，甚至封装了自己的项目脚手架。在ESlint的实现上，可能还需要：babel/core@>=7.2.0的底层依赖babel-eslint是一个解析器，可以让ESLint运行在Babel转换后的源码上。要使用它，你必须在ESLint配置文件中指定parser:"babel-eslint"。当然这个解释器也支持parserOptions中的其他配置。以后会被@babel/eslint-parser取代，这个解析器也就过时了。游大风的@vue/eslint-config-airbnb依赖Airbnb标准，包括eslint-config-airbnb-base、eslint-plugin-import等依赖。将缩写的@vue/airbnb配置到extends扩展中。抱歉：暂时就这个水平，理解有限。笔记只是进步过程中的一步，防止知识点遗忘，对技能进行重复记忆训练。关于在VSCode中使用Prettier插件设置，防止与Airbnb标准冲突，设置规则："prettier.singleQuote":true,"prettier.semi":true,"prettier.bracketSpacing":true,"prettier.printWidth":100,"prettier.useEditorConfig":false,//忽略.editorconfig文件提示：如果内容难以理解，请补充Babel基础知识或直接阅读下面的总结。总结：最方便的本地代码规范标准实现是prettier+eslint的airbnb标准来规范代码。基本上html和css部分交给prettier处理，js部分交给airbnb处理。vscode中prettier默认的全局配置中一些与airbnb冲突的配置，将其改为符合airbnb标准的规则。先把写好的页面做个prettier格式，然后eslint查看代码会提示js部分还是有问题。命令列表修复后，除了部分无法修复外，其他均已修复。然后尝试在单个文件中进行更漂亮的格式化，您会发现不会进行任何更改。这样我们就实现了Prettier和Eslint配置不冲突。
