25.前端为vite项目自动添加eslint和prettier

本章任务提供

若川

学习任务

• 为 vite 项目自动添加 eslint 和 prettier
• github仓库地址 https://github.com/tzsk/vite-pretty-lint
• github1s: https://github1s.com/tzsk/vite-pretty-lint
• 建议克隆源码 git clone https://github.com/tzsk/vite-pretty-lint.git

参考资料

• 可以用 npm init vite 或者 yarn create vite 生成一个 vite 的项目
• 在这个vite项目的基础上，再执行 npm init vite-pretty-lint 或者 yarn create vite-pretty-lint
• 如果对 npm init 不了解的，可以参考我之前的 create-vue 文章 npm init，源码共读中的第9期。
• 这样就可以看到添加 eslint 和 prettier 的效果了。添加后的变更效果可以参考我的 vite 项目 commit 记录。https://github.com/lxchuan12/vite-project/commit/6cb274fded66634191532b2460dbde7e29836d2e

• 学会此思路后，可以批量给多个项目添加一些配置或者修改文件等。