【金秋打卡】第19天 Web前端架构师2022版

课程名称：Web前端架构师2022版

课程章节： 第9周 项目整体搭建

主讲老师：张轩

课程内容：

今天学习的内容包括：

3-3 小花絮：使用 Prettier 自动格式化代码

课程收获：

什么是 Prettier?

Prettier 在自己官网首页列出这么几点：

• An opinionated code formatter
• Supports many languages
• Integrates with most editors
• Has few options

为什么要用Prettier？

用来替代lint中的一些场景，比如说分号/tab缩进/空格/引号，这些在lint工具检查出问题之后还需要手动修改，而通常这样的错误都是空格或者符号之类的，这样相对来说不太优雅，利用格式化工具自动生成省时省力

Prettier的优势

• 可配置化
• 支持多种语言
• 集成多数的编辑器
• 简洁的配置项

自定义配置Prettier

Prettier提供了一套默认的配置，那么如何修改配置项符合我们自己的代码规范呢，有三种方法可以做到：

• .prettierrc 文件

• prettier.config.js 文件

• package.json 中配置prettier属性

Prettier会检查配置文件并自动读取文件中的配置，我们只需要选一种方法配置就好了