什么是Prettier

目录

1. 摘要
2. 正文
   1. 什么是 Prettier
   2. 作用
   3. 安装
      1. 局部安装
   4. 示例
3. 参考资料

---

本文作者: jsweibo

本文链接: https://jsweibo.github.io/2019/10/15/%E4%BB%80%E4%B9%88%E6%98%AFPrettier/

摘要

本文主要讲述了：

1. 什么是 Prettier
2. 作用
3. 安装
4. 示例

正文

什么是 Prettier

Prettier 是一个武断的代码格式化工具。

作用

Prettier 支持格式化以下语言：

• HTML
• CSS
• SCSS
• Less
• JSON
• Yaml
• Markdown
• Vue
• ……

安装

局部安装

#!/usr/bin/env bash

npm install --save-dev prettier

示例

learn_prettier/.prettierrc.yaml

trailingComma: 'es5'
tabWidth: 2
semi: true
singleQuote: true

源文件：

var foo = {
  firstName: 'foo',
  lastName: 'bar',
};

格式化：

#!/usr/bin/env bash

npx prettier --write index.js

输出：

var foo = {
  firstName: 'foo',
  lastName: 'bar',
};

参考资料

• prettier

本文作者: jsweibo

本文链接: https://jsweibo.github.io/2019/10/15/%E4%BB%80%E4%B9%88%E6%98%AFPrettier/

---

本文对你有帮助？请支持我

---

支付宝

微信

---

• 本文作者： jsweibo
• 本文链接： https://jsweibo.github.io/2019/10/15/%E4%BB%80%E4%B9%88%E6%98%AFPrettier/
• 版权声明： 除非另有说明，否则本网站上的内容根据署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 进行许可。