如何使用 Prettier?

npm

mkdir learn-prettier && cd learn-prettier

npm init -y

npm install prettier --save-dev --save-exact

# 在learn-prettier/src目录下创建index.js文件，然后自己写一些JS代码

npx prettier --write src/index.js

yarn

mkdir learn-prettier && cd learn-prettier

yarn init -y

yarn add prettier --dev --exact

#  在learn-prettier/src目录下创建index.js文件，然后自己写一些JS代码

yarn prettier --write src/index.js

创建自定义配置文件

• 在项目里面的根目录下 创建.prettierrc.js文件
• 配置具体可以参考 Prettier 配置
• 在项目里面的根目录下 创建.prettierignore文件 忽略这些文件的格式化

/src/.prettierrc.js

modules.exports = {
  // ...里面填入自定义配置
};

整合 VS Code

• 安装 Prettier Extention

手动格式化

Mac

CMD + Shift + P

Format Document

yarn

Ctlr + Shift + P

Format Document

保存文件时自动格式化

Mac

CMD + ,

# 勾选Text-editor 下的 Format On Save

yarn

Ctlr + ,

# 勾选Text-editor 下的 Format On Save