开发者社区 问答 正文

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

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

展开
收起
迪哒迪滴喵 2024-08-27 15:53:54 35 分享 版权
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 展开评论
问答分类:
问答标签:
问答地址: