[开发工具]vscode编辑器配置格式化代码

今天我们来实现ESLint + Prettier的配合使用，使用ESLint定义代码规则，使用Prettier根据ESLint的代码规则自动格式化代码。

1. 简介

在昨天的文章里，我们学习了如何在项目中加入ESLint并配置规则，对代码进行检查和修复。

但问题在我们每次需要手动执行npm run lint去检查，手动npm run lint:fix去修复错误代码。这非常蠢，我希望它是自动化的，无需手工操作。

这就是Prettier，尤其是Prettier - Code formatter的VS Code插件。

2. 了解Prettier

Prettier是一个代码格式化程序（可配置）。ESLint也可以格式化代码，但它主要是提醒我们哪里代码写的不符合规则。

Prettier可以在保存文件时或者手动触发代码的格式化，默认情况下，它配置了通用的代码格式。

将ESLint + Prettier配合使用，来达到我们的格式化代码目的。

3.ESLint和Prettier的指责

ESLint 和 Prettier的指责划分：

ESLint负责代码风格定义

开通VIP 解锁文章