团队开发中，多人开发同一个项目，由于个人编码习惯不同，一个项目中最终的代码风格可能差别很大，所以需要通过工具进行约束来保证代码风格的统一。同时也希望通过工具尽可能的减少低级错误出现，并且能帮助修正，所以有了各种各样的 lint 和 formatter。 本篇的目标是使用 vsc…

概念及入门 ESLint 是一个可扩展的 JavaScript 代码检查工具，旨在帮助开发者编写更规范、更符合最佳实践的代码。它最初由 Airbnb 开发，目前由社区维护。ESLint 可以检查代码中

前端代码格式化中，ESLint 和 Prettier 是两款常用工具。它们提供了相应的 VSCode 插件，但由于在代码格式化方面存在重叠，规则不一致时可能导致冲突。

一直在研究eslint和prettier，网上看了很多文章，发现要么是互相抄袭，要么就是讲得不够通俗易懂，于是乎我就自己写一篇文章来讲清它们的关系。 大家可以认真的看一下，全程精品，毫无废话。

工欲善其事必先利其器，本文分析了在vscode中使用ESLint和Prettier插件的是使用，以及在完成代码保存时自动格式化方面存在的冲突的原因以及怎么更好的解决

前面我们说了webpack处理css、js、ts、图片文本等，今天我们来说说webpack提升开发效率的几个常用配置。

前面我们说了使用webpack处理css和各种文件，今天我们再来说说使用webpack来处理我们前端三大件中的js。

前端文件有很多种，比如图片、字体、文件、数据文件等等。这些文件在webpack中都是怎么被处理的呢？今天我们来一探究竟。

说到前端构建就肯定离不开css的处理。在前端日新月异的潮流下，css也不再是单纯的css了，涌现了很多css周边技术，比如我们常听到的css预处理器(PreCss)和css后置处理器