关键字：Vue3 Vite
关联项目：精益编程系统
一、整体理解总结
Vite是一种新型的前端构建工具，能大大提高开发效率与开发体验。
Vite简单来说，就是两个作用：
- 开发阶段，作为开发服务器，能快速的编辑修改文件，并发布到服务器，供视图浏览
- 编译阶段，发布测试代码或者生产代码，把源代码编译成最终可以运行到生产环境的代码。
注意：这个重点是这两个子：开发
没错，开发的时候，采用一个局部编译，或者说是差异编译，来代替webpack的全局编译，让开发过程中，大大减少编译的时间，提高从修改特定文件->实时查看视图的显示效果的时间。
1. webpack同样作为一种前端构建工具，为什么要出现Vite?
其实就是因为webpack有一个痛点，就是在开发过程中，每一次的一个小小的改动，都是需要全局编译之后，才能实时呈现在视图上，通俗来说，就是：乌龟赛跑呀
对于我们程序员来说，速度就是一切，可以说很多是不喜欢，慢一拍，慢两拍的节奏..
2. Vite赋予了更多的灵活性，连vue作者都说，有了vite，就回不去webpack了
有更好的东西，我们程序猿，当然要使用了，对不？
不用了解太多，只要知道：使用vite是趋势，并能大大提高大应用项目的开发效率，更加灵活进行配置，编译等就够了。
Vite只是一个新的构建工具，原则跟webpack没有什么两样，各位小伙伴可以根据自己的习惯与环境，自行选择。并不是说现有的项目一定要切换到Vite,但是还是强烈建议，新建的项目一定要采用vite.
二、准备工作
两军交战,粮草先行,进行项目新建等，可要准备一下各种的工具，这里当然有前提条件：nodejs,npm,等标配的东西，就不说了，没有意思..
本人比较注重效率与一些习惯（可能长时间使用eclipse的缘故，使用vscode开始的时候，从有点怪怪的）
使用vscode之前，先进行一些配置：
1.Vscode的tab换行的空格数
vscode的换行与tab的空格数，默认是2个，太小气了，代码多的时候，会很容易就混乱起来，这个要好好配置一下：
一定要进行第二部的配置，把那个钩钩去掉，要不vscode默认是对每一个文件根据实际情况自行调整换行空格数的。
2.项目导航的资源管理器，目录的间隔太拥挤了
三、别啰嗦了，踏出开始的第一步
1.通过npm，生成工程并初始化
顺便说一句：编程需要一定的英语基础么？那是肯定的了，小到一个变量，大到建立项目初始化，那里都是鸡肠的天下。。
2.使用vscode打开项目文件夹，终端运行项目
运行成功，浏览器访问：
总算是完成了建立工程的第一步，只要环境变量等没有什么错误，基本按照流程，就能顺利的建立全新工程项目目录。
四、Vite配置
vite.config.js是vite的配置文件，承担着项目的开发，编译，打包，预览等各种的配置，是vite的和兴文件。
1.vite开发服务器配置
vite作为开发服务器，当然是有对服务器的一些基本的配置：ip，端口等
五、总结
本章主要是从个人理解的角度，通过通俗易懂的方式，描述Vite的简单介绍与构建vue3项目的过程。
至于其他的长篇大论，本章包括本站将不会重复人家说了几百上千次的知识，还是那一句：有些东西，只要懂重要的必要的就行，没有必要追求什么都懂，因为我们只有一个脑袋，记不住那么多。
