开发环境：

Node:v18.19.0 npm:10.2.3 cnpm:@9.4.0 vite:2.9.17

项目打包后

进入打包后的文件夹，运行cmd，输入下方命令行，开启一个服务，方能跑起项目 http-server -p 80

全局安装vite版本2.9.17

npm install -g [email protected] npm install -g [email protected] npm install -g http-server

项目为什么要选择Vite2？

Vite 2： 跨框架支持：与 Vite 1 主要基于 Vue 项目不同，Vite 2 实现了跨框架的支持，可以很好地与 Vue 2、Vue 3 和 React 等前端框架配合使用。 性能优化：在构建速度和开发体验上进行了进一步的优化，提高了项目的开发效率。

Vite 3： 模板变更：Vite 3 在项目模板上进行了更新，提供了更加现代化和高效的模板选项，使得开发者能够更快速地开始新的项目。 CLI 优化：Vite 3 对其命令行界面（CLI）进行了优化，提供了更加直观和友好的用户体验。 API 变化：例如 import.meta.glob API 可能在 Vite 3 中有所变化，以适应新的项目需求和使用场景。

Vite 4： Rollup 3 升级：Vite 4 的主要目标是升级到 Rollup 3，这将带来一系列的性能提升和新特性。Rollup 是一个模块打包器，它按照 ES6 模块规范将小块代码编译成大块复杂的代码，用于浏览器或 Node.js 中运行。 核心代码库调整：Vite 4 可能会从 Vite core monorepo 中移出一些功能或插件，以更加清晰地组织和管理代码库。 React 支持：Vite 4 为 React 项目提供了更好的支持，可能包括两个针对不同 React 项目的插件。 CSS 处理变化：在 Vite 4 中，.css 文件的默认导出可能会被弃用，这可能会影响开发者处理 CSS 的方式。

开发注意事项

【1】关于多语言版本，无论是哪类型用户办完业务，退出后，在退出功能里需要把localStorage.removeItem('lang')。

多语言版本（i18n）

1：使用Vscode编辑器安装插件i18n Ally，在项目中会自动生成.vscode文件夹，里面配置如下： "i18n-ally.localesPaths": ["src/i18n/lang"], "i18n-ally.keystyle": "nested", // 翻译路径格式, "i18n-ally.sortKeys": true, // 在多语言文件中自动排序键 "i18n-ally.namespace": false, // 不使用命名空间 "i18n-ally.sourceLanguage": "zh-CN", // 源语言设置为中文 "i18n-ally.displayLanguage": "zh-CN", //显示语言， 这里也可以设置显示英文为en "i18n-ally.enabledParsers": ["json"], "i18n-ally.enabledFrameworks": ["vue"], "i18n-ally.translate.engines": ["deepl","google-cn", "google","libretranslate"], // 翻译器 "i18n-ally.extract.keygenStyle": "camelCase", // 翻译字段命名样式采用驼峰 "i18n-ally.extract.autoDetect": false, // 自动检测代码中的字符串以进行提取 2：重启Vscode编辑器 3：选中需要翻译的汉字, 在编辑器代码列中出现灯泡图标，点击就会弹出选项中选择，提取文本到 i18n 配置中; 4：此时会把中文提取到zh-CN.json 5：项目中所有文本提取完成后，请打开梯子 6：点击Vscode编辑器最左边（安装完i18n-ally就会出现【A文】的图标），点进去找到【翻译树】，鼠标放到【翻译树】会出现【地球图标】，点击【地球图标】就能自动生成文案。