One post tagged with "Prettier"

什么事 Prettier​

• Prettier 是一个固执己见的代码格式化程序，支持：

JavaScript
JSX
Angular
Vue
Flow
TypeScript
CSS, Less, and SCSS
HTML
Ember/Handlebars
JSON
GraphQL
Markdown, including GFM and MDX
YAML

• 它删除了所有原始样式*并确保所有输出的代码符合一致的样式

安装​

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

使用​

• 在 package script 添加 fromat 执行 Prettier

{
  "scripts": {
    "format": "prettier --write ."
  }
}

运行 npm run format 即可对代码进行格式化

配置文件​

• 创建 .prettierrc ｜.prettierrc.yml ｜ .prettierrc.yaml 任意文件 已.prettierrc 为例： 基本配置

{
  "trailingComma": "es5",
  "tabWidth": 4,
  "semi": false,
  "singleQuote": true
}

忽略文件.prettierignore​

• 要从格式化中排除文件，.prettierignore 请在项目的根目录中创建一个文件。.prettierignore 使用 gitignore 语法。 例如

build
node_modules

*.html

优点​

• 您按保存并格式化代码
• 无需在代码审查中讨论风格
• 节省您的时间和精力