Prettier 简明介绍

前端GoGoGo

发布于 2019-05-07 14:19:12

1.2K0

发布于 2019-05-07 14:19:12

Prettier 是格式化代码工具。用来保持团队的项目风格统一。

用 yarn 安装：

yarn add prettier --dev --exact

用 npm 安装：

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

按如下步骤做：

1 安装检查文件变化的的第三方包: onchange。

2 在 package.json 加如下内容：

"scripts": {
  "prettier-watch": "onchange '**/*.js' -- prettier --write {{changed}}"
}

按如下步骤做：

1 安装第三方包：

yarn add eslint-config-prettier eslint-plugin-prettier --dev

2 在 .eslintrc.json 加如下内容：

{
  "extends": ["prettier", "plugin:prettier/recommended"],
  "plugins": ["prettier"],
  "rules": {
    "prettier/prettier": "error"
  }
}

1 安装第三方包：

yarn add pretty-quick husky --dev

2 在 package.json 加如下内容：

{
  "husky": {
    "hooks": {
      "pre-commit": "pretty-quick --staged"
    }
  }
}

更多代码提交的使用方法见这里。

在 .prettierrc.js 中配置:

module.exports = {
  trailingComma: "es5",
  tabWidth: 4,
  semi: false,
  singleQuote: true
}

参数说明，见这里。

忽略文件, 在 .prettierrc.js 中配置

node_modules/