前端项目接入Prettier

Prettier

统一代码风格
虽然会和Eslint有些规则有重复，但两格侧重点不同
自己的项目里，已有了Eslint，但风格不能完全统一，如语句换行，Prettier可作为Eslint的补充，使代码更让人觉得是一个人所写

安装

npm install prettier eslint-config-prettier eslint-plugin-prettier --save-dev

配置

这里作为eslint的插件形式，在eslint的配置文件里（一般是.eslintrc）加入：

"extends": [
    "airbnb",
    "plugin:prettier/recommended" // prettier插件
  ],
"rules": {
    "prettier/prettier": [
      "error",
      { // 按实际情况而定
        "singleQuote": true,
        "trailingComma": "es5"
      }
    ],
    ....
}

更多options配置
完成后，提示效果、修复命令跟Eslint一样