为了提高代码质量，大家可能会在项目中接入 `eslint`、`prettier` 等工具，并且制定一些属于自己团队的代码规范，在新增项目时，会从旧项目中去拷贝相关的配置的文件，同时去安装对应插件库（当

响应式布局已经被提出很多年了，因为我们的电子设备多种多样，比如手机、平板、电脑等等，这些设备的屏幕大小都是不一样的。如果我们的网页在每个设备上显示一样的话，那么用户体验无疑是很差的。

缩进的代码风格到底是 2 个空格还是 4 个空格是受谁控制的？VS Code 默认设置？还是 Prettier? 或者其他什么？ 带着问题开始本文吧。

项目背景 前端框架： Vue2全家桶 UI框架： Element 前端规范 缩排 2 格（tab／空白） 单引号 大括号、分号都要写 能换行就换行，一行不要拖太长 路径用 @ 开头（从 /src 下开

经过一番不懈的努力，终于配置了一个比较理想的格式化的方法 包含html,js,css 安装的插件如下：

vscode共享配置是微软新出的一个功能，能够让开发者尽量减少因代码风格等等问题，能够更专注于开发。 settings.json 项目创始人只需要在自己项目的根目录创建一个.vscode文件夹，并且新

「这是我参与2022首次更文挑战的第4天，活动详情查看：2022首次更文挑战」 最近在项目里面做整体换肤的需求，发现切换肤色样式之后，eleme组件的背景色和文字颜色等样式总是比常规元素变化的慢半拍，

本期文章主要介绍了ESLint的基本使用、如何自定义插件、及如何在项目内自定义规则，最后还介绍了与ESLint搭配的好用工具.

当然解决这些问题，理论上来讲，口头约定，代码审查可以处理，但是无可避免的一个问题，无法把控。显然这种方式无法实时反馈，而且还造成沟通成本过高，不够灵活，随着大前端的发展，自动化，工程化的配置已经是我们不可避免的一个过程，除非你想当一条咸鱼，或者纯业务大佬。 个人习惯，为这个项目…