HTML5教程

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

本文主要是介绍【金秋打卡】第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会检查配置文件并自动读取文件中的配置,我们只需要选一种方法配置就好了

图片描述

这篇关于【金秋打卡】第19天 Web前端架构师2022版的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!