美文网首页
前端项目接入Prettier

前端项目接入Prettier

作者: 爱死寂寞零 | 来源:发表于2019-08-07 11:03 被阅读0次

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一样

相关文章

网友评论

      本文标题:前端项目接入Prettier

      本文链接:https://www.haomeiwen.com/subject/wjandctx.html