2 项目结构
可以看到项目结构很简单现在，完全不像平常开发的样子，我们现在来一步步完成（本节比较枯燥，可以跳过，基础差的小白可以当作一些基础了解一下）
先简单的介绍下：
- public：一般存放公共静态资源目录
- src：主工程目录，懂的都懂，不懂先工作就不要继续往下看了
- .gitignore：git的配置文件，这里主要目的吧我觉得就是把node_module这种大体积没必要上传到仓库的文件上传到上去，还有像.vscode/.idea这样的文件，完全没有必要（这属于git的知识点，自行查阅）
- index.html：vite的路口文件，是vite故意为之的，官方有给出
你可能已经注意到，在一个 Vite 项目中，index.html 在项目最外层而不是在 public 文件夹内。这是有意而为之的：在开发期间 Vite 是一个服务器，而 index.html 是该 Vite 项目的入口文件。
Vite 将 index.html 视为源码和模块图的一部分。Vite 解析
与静态 HTTP 服务器类似，Vite 也有 “根目录” 的概念，即服务文件的位置，在接下来的文档中你将看到它会以 代称。源码中的绝对 URL 路径将以项目的 “根” 作为基础来解析，因此你可以像在普通的静态文件服务器上一样编写代码（并且功能更强大！）。Vite 还能够处理依赖关系，解析处于根目录外的文件位置，这使得它即使在基于 monorepo 的方案中也十分有用。
- .package.json：这个就是一个包的清单，可以在里面看到自己项目中用到的包和版本，npm add 后会自动添加，（这属于npm（node）的知识点，自行查阅）
- .package-lock.json：版本控制的一个文件，因为根据每个人的node版本或者npm源可能会导致下载的某个模块版本不一样，而版本不一样会导致代码上的差异，所以多人协作通常需要控制版本（这属于npm（node）的知识点，自行查阅）
- README.md：基本标配，没啥用，项目说明文档，git上的仓库都有，一般像我们这种就基本用默认生成告诉怎么执行项目，大的开源项目会介绍的比较仔细
- tsconfig.json：typescript配置文件，这个就厉害了，（这属于typescript的知识点，自行查阅
- vite.config.json：vite的配置文件，和webpack.config.json/vue.config.json差不多的一个玩意
