开发者社区> 问答> 正文

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

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

展开
收起
迪哒迪滴喵 2024-08-27 15:53:54 8 0
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 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
新一代高效Git协同模型 立即下载
AGit-Flow:新一代高效Git协同模型 立即下载
AGit-flow:新一代高效Git协同模型 立即下载

相关实验场景

更多