zero-admin 是一个后台前端解决方案，它基于 vue3 和 ant-design-vue 实现。它使用了最新的前端技术栈【vue3+vue-router+typescript+axios+ant-design-vue+pinia+mockjs+plopjs+vite+Vitest】实现了动态路由、权限验证；自定义 Vue 指令封装；规范项目代码风格；项目内置脚手架解决文件创建混乱，相似业务模块需要频繁拷贝代码或文件问题；Echarts 图形库进行封装；axios 请求拦截封装，请求 api 统一管理；通过 mockjs 模拟数据；对生产环境构建进行打包优化，实现了打包 gzip 压缩、代码混淆，去除 console 打印，打包体积分析等；提炼了典型的业务模型，提供了丰富的功能组件，它可以帮助你快速搭建企业级中后台产品原型
yarn add react-router-dom redux axios antd @ant-design/icons sass
提示
函数组件：使用 js 函数或者箭头函数创建的组件
提示
组件是独立且封闭的单元，默认情况下，只能使用组件自己的数据。在组件化过程中，我们将一个完整的功能 拆分成多个组件，以更好的完成整个应用的功能。而在这个过程中，多个组件之间不可避免的要共享某些数据 。为了实现这些功能，就需要打破组件的独立封闭性，让其与外界沟通。这个过程就是组件通讯。
props 来实现props 作用:接收传递给组件的数据props接收数据,类组件通过 this.props 接收数据提示
现代的前端应用大多都是 SPA（单页应用程序），也就是只有一个 HTML 页面的应用程序。因为它的用户体验更好、对服务器的压力更小，所以更受欢迎。为了有效的使用单个页面来管理原来多页面的功能，前端路由应运而生。 前端路由的功能：让用户从一个视图（页面）导航到另一个视图（页面）
node -v
v14.18.1
npx -v
6.14.15
npm -v
6.14.15
因具体业务需要，技术栈要能够对电脑硬盘文件进行读写。最开始使用技术栈为 javaFx 构建，使用过程中发现构建页面，自定义 UI 页面困难，而且整个生态环境非常不好，与 Winforms 一样，自定义一些控件相对比较困难，研究起来比较耗费事件，项目周期又紧急，所以决定放弃 javaFx 技术栈，寻找新的技术栈。在一轮新的技术调研后，考虑到代码的可维护性和自定义 UI 页面以及结合项目业务。方案还剩两个技术方案。
node.js 的 fs 模块可以实现对硬盘的读写。再加上scss和less 和现有前端框架的支撑。能够满足自定义 UI 页面。再加上 electron 本身的生态环境较好。而且此业务场景下不需要桌面应用太高的执行效率。再加上便于前后端分离开发，提高了效率。简单说一下方案一，具有很好的跨平台性，Qt还有可视化编辑器，可以用来自定义 UI，而且执行效率更好，可以说是桌面端开发利器了，这里不用的原因是学习成本有点高，项目周期紧，没时间研究因旧项目升级改造需要，加以 WebGL 和元宇宙概念兴起，经过技术讨论最用采用 Vue + Threejs 技术栈对项目进行重新编写，此篇笔记只记录 Three.js 相关代码示例。项目配置相关和请求封装等不做介绍。
提示