Vite工具：
特点：
快速构建项目
统一工程化规范
代码模板和组件库
自动化构建和部署
常用命令：
npm create vite 构建vite项目

目录结构
public/ 存放公共资源，如HTML文件，图像，字体等
src/ 存放项目的源代码，如JavaScript，CSS，Vue组件，图像和字体等资源，开发过程中，这些文件会被Vite实时编译和处理，以下文件夹是src内部划分建议
assets/ 存放项目静态资源，如图片，字体，样式文件等
comonents/ 存放组件相关的文件
layouts/ 存放布局组件的文件
pages/ 存放页面级别的组件文件
plugins/ 存放Vite插件相关的文件
router/ 存放Vue.js的路由配置文件，负责管理视图和URL之间的映射关系
store/ 存放Vuex状态管理相关的文件
utils/ 存放一些通用的工具函数，如日期处理，字符串操作函数等
vite.config.js Vite的配置文件，可以通过该文件配置项目的参数，插件，打包优化等，该文件可以使用CommonJS或ES6模块的语法进行配置
package.json 标准的Node.js项目配置文件，包含了项目的基本信息和依赖关系，可以通过scripts配置命令，如dev，build，serve等，用于启动开发，构建和本地服务器等操作

vite.config.js
server:{
port:8800, 配置端口号
},

SFC(单文件组件)
Vue规范了