开发者社区 问答 正文

如何为项目添加ESLint、Prettier和Husky以及Git Hooks?

如何为项目添加ESLint、Prettier和Husky以及Git Hooks?

展开
收起
迪哒迪滴喵 2024-08-27 15:53:54 34 发布于天津 分享
分享
版权
举报
1 条回答
写回答
取消 提交回答
  • 1.
    安装依赖:

    npm install --save-dev eslint prettier eslint-config-prettier eslint-plugin-prettier husky lint-staged
    

    2.配置ESLint:
    创建.eslintrc.json文件,配置ESLint规则,并启用Prettier插件。
    3.配置Prettier:
    创建.prettierrc文件,配置Prettier代码格式化规则。
    4.配置Husky和Git Hooks:
    在package.json中添加husky和lint-staged配置,用于在提交前自动运行ESLint和Prettier。

    "husky": { 
    "hooks": { 
    "pre-commit": "lint-staged" 
    } 
    }, 
    "lint-staged": { 
    "*.{js,jsx,ts,tsx}": ["eslint --fix", "prettier --write"], 
    "*.{json,css,scss,md}": ["prettier --write"] 
    }
    
    2024-08-27 17:07:42 发布于天津 举报
    赞同 9 评论

    评论

    全部评论 (0)

    登录后可评论
问答分类:
问答标签:
问答地址:
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等