美文网首页让前端飞
husky + prettier,git提交让代码更整洁。便

husky + prettier,git提交让代码更整洁。便

作者: 时光遣散故人_ | 来源:发表于2019-03-29 18:45 被阅读9次

1. 为您的项目添加prettier:

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

2. 运行文件验证:

npx prettier --write src/index.js

3. 安装pretty-quick,husky :

npm install pretty-quick husky --save-dev

4. 然后将此配置添加到package.json:

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

prettier配置文件

根目录下新建 .prettierrc 文件

配置参考

{
    "printWidth": 120,              // 换行字符串阈值
    "semi": true,                   // 句末加分号
    "singleQuote": true,            // 用单引号
    "trailingComma": "none",        // 最后一个对象元素加逗号
    "bracketSpacing": true,         // 对象,数组加空格
    "jsxBracketSameLine": false,    // jsx > 是否另起一行
    "arrowParens": "always",        // (x) => {} 是否要有小括号
    "requirePragma": false,         // 是否要注释来决定是否格式化代码
    "proseWrap": "preserve",        // 是否要换行
    "tabWidth": 4,                  //缩进
}

这样在进行git提交的以后代码会自动进行格式化

相关文章

网友评论

    本文标题:husky + prettier,git提交让代码更整洁。便

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