前端工程化

prettier 配置

.eslintrc.cjs

module.exports = {
    //单行长度
    printWidth: 80,
    //缩进长度
    tabWidth: 4,
    //使用tab缩进
    useTabs: false,
    //句末使用分号
    semi: false,
    //使用单引号
    singleQuote: false,
    //仅在必需时为对象的key添加引号
    quoteProps: "as-needed",
    // jsx中使用单引号
    jsxSingleQuote: false,
    //多行时尽可能打印尾随逗号
    trailingComma: "es5",
    //在对象前后添加空格-eg: { foo: bar }
    bracketSpacing: true,
    //多属性html标签的‘>’折行放置
    jsxBracketSameLine: true,
    //单参数箭头函数参数周围使用圆括号-eg: (x) => x
    arrowParens: "always",
    //无需顶部注释即可格式化
    requirePragma: false,
    //在已被prettier格式化的文件顶部加上标注
    insertPragma: false,
    //markdown 文件是否折行
    proseWrap: "preserve",
    //对HTML全局空白不敏感
    htmlWhitespaceSensitivity: "ignore",
    //不对vue中的script及style标签缩进
    vueIndentScriptAndStyle: false,
    //结束行形式
    endOfLine: "lf",
    //对引用代码进行格式化
    embeddedLanguageFormatting: "auto",
}

commitlint

commitlint.config.cjs

module.exports = {
    extends: ["@commitlint/config-conventional"],
    rules: {
        "type-enum": [
            2,
            "always",
            [
                // 编译相关的修改，例如发布版本，对项目构建或者依赖的改动
                "build",
                // 新功能(feature)
                "feat",
                // 修复bug
                "fix",
                // 更新某功能
                "update",
                // 重构
                "refactor",
                // 文档
                "docs",
                // 构建过程或者辅助工具的变动,如增加依赖库等
                "chore",
                // 不影响代码运行的变动
                "style",
                // 撤销commit,回滚到上一个版本
                "revert",
                // 性能优化
                "perf",
                // 测试(单元,集成测试)
                "test"
            ]
        ],
        "type-case": [0],
        "type-empty": [0],
        "scope-empty": [0],
        "scope-case": [0],
        "subject-full-stop": [0, "never"],
        "subject-case": [0, "never"],
        "header-max-length": [0, "always", 74]
    }
}