首先推荐的是 ESLint
ESlint 的配置过程是比较琐碎的，只要一步一步来，应该没有什么问题。这里推荐大家在配置前先看看 airbnb/javascript。你可以跟着这个一步步配置。
这里有一份我所使用的 JavaScript/JSX 配置 仅供参考，详细规则需要到官网了解后自己配置。
TIPS: 使用 ESLint 和下面的 StyleLint 需要全局或者项目安装
$ npm install eslint --save-dev
具体的安装方法请去官网自行查看。如果你看不懂，可以先学 npm
其次是 standard
这个和上面的 ESlint 任选一个使用即可，这个于上面最大的不同是可以直接使用，无需配置。
具体使用方法可以查看官方中文文档
stylelint 同上面的 ESLint 基本相同，详细配置可以去官网查看，因为配置比较繁杂，推荐使用官方提供的规范规则。stylelint-config-standard。这里有一份示例。你可以复制到自己的项目根目录，并且配置相应的插件。
EditorConfig 帮助开发人员定义和维护一致的编码风格在不同的编辑器和IDE。
具体的配置规则和编辑器插件可以到 EditorConfig 官网查看
这里有一份 推荐配置，你可以复制到自己的项目根目录。
IntelliJ IDEA webstorm 不用下载插件，
ATOM Sublime Text VS Code 需要下载插件使用，具体插件可在 EditorConfig 官网查看。
项目相关的规范，推荐大家仔细阅读 project-guidelines，这里有详细的中文文档，我也不赘述了。
最后推荐给大家一个网站 印记中文 ，里面有各种项目的中文文档。当然，如果你的英语足够好，还是看英文文档吧。
前端路很长，技术更迭速度非常快，所以当你看到这些的时候，不一定这已经是当前流行的工具。本编教程只是抛砖引玉，真正要学的不是各种技术。而是自学能力。望各位共勉。