vite-pretty-lint 源码解读之为 vite 项目添加 eslint和prettier

前言

vite 作为一种前端工具，创建项目是非常快的，但是今天我们要聊的并不是 vite 创建项目有多快有多好，而是来聊聊如何为 vite 项目添加 eslint 和 prettier，这对一个项目规范而言是非常重要的。

创建项目

首先我们来 npm init vite 创建一个 vite 项目，如下所示，我创建了一个名为vite-demo 的项目。

然后在这个 vite 项目的基础上，再执行 npm init vite-pretty-lint 或者 yarn create vite-pretty-lint。这个就是今天的主角了，vite-pretty-lint 工具。

我们根据提示填写相关信息即可。我这里使用的是 react 创建项目。

安装完成之后，可以发现目录下多了几个文件，分别是 .eslintrc.json</