编辑器设置分享：设置.eslintrc.js和setting.json，让编码更有效率

新老前端项目交替开发时，老项目保存时会进行格式化，导致文件的格式都变动了，导致code review不清楚具体修改点（老项目年代久远，所以维稳为主）。因此需要在新项目（vue）中才进行统一代码格式化，老项目继续维持原格式。

1. settings.json

settings.json文件用于配置编辑器的各种设置，包括代码格式化、语法高亮、键盘快捷键等。通过对settings.json文件进行适当的配置，可以提高编码效率和代码质量。

代码格式化

代码格式化是指按照一定的规则和标准对代码进行排版和美化，使代码更加易读和易于维护。在settings.json文件中，可以通过设置"editor.formatOnSave"选项来启用自动代码格式化功能。当您保存文件时，编辑器将自动对代码进行格式化。

语法高亮

语法高亮是指使用不同的颜色或样式来突出显示代码中的不同元素，如、标识符、字符串等。这有助于提高代码的可读性和易读性。在settings.json文件中，可以通过设置"editor.tokenColorCustomizations"选项来自定义语法高亮的颜色和样式。

键盘快捷键

键盘快捷键可以帮助您快速执行各种编辑操作，提高编码效率。在settings.json文件中，可以通过设置"keybindings.json"选项来自定义键盘快捷键。您可以将常用操作映射到自己习惯的按键组合上，从而提高编码速度和效率。

2. .eslintrc.js

.eslintrc.js文件用于配置ESLint代码检查工具。ESLint是一种静态代码分析工具，可以帮助您发现代码中的潜在问题，如语法错误、逻辑错误、代码风格问题等。通过对.eslintrc.js文件进行适当的配置，可以提高代码质量和可维护性。

代码风格检查

ESLint可以帮助您检查代码是否符合特定的代码风格规范。在.eslintrc.js文件中，可以通过设置"extends"选项来指定要遵循的代码风格规范。常用的代码风格规范包括Airbnb、Google、Standard等。

语法错误检查

ESLint可以帮助您发现代码中的语法错误。在.eslintrc.js文件中，可以通过设置"parser"选项来指定要使用的语法解析器。常用的语法解析器包括Babel、Esprima等。

逻辑错误检查

ESLint可以帮助您发现代码中的逻辑错误。在.eslintrc.js文件中，可以通过设置"rules"选项来指定要检查的逻辑错误规则。常用的逻辑错误规则包括no-unused-vars、no-console、no-shadow等。

3. 统一的编码习惯

除了对编辑器和代码检查工具进行设置外，统一的编码习惯也是提高编码效率和代码质量的重要因素。在团队开发中，应该制定统一的编码规范，包括代码风格、命名规范、注释规范等。统一的编码习惯可以使代码库更加整洁、一致，便于阅读和维护。

结语

通过对settings.json和.eslintrc.js文件的合理配置，以及统一的编码习惯，可以有效提高前端开发的编码效率和代码质量。在实际开发中，可以根据自己的喜好和项目需求对这些设置进行调整，以找到最适合自己的开发环境。