代码拉取完成，页面将自动刷新
该工程已集成 所有使用案例均放在 compoents/demo 目录下
| 技术 | 描述 | 学习地址 |
|---|---|---|
| electron | 写前端的方式开发桌面端 | 官网 |
| vite | 新一代前端构建工具 | 官网 |
| vue3 | 渐进式前端框架 | 官网 |
| typescript | js 的超集，强类型语言 | 菜鸟教程 |
| element-plus | 前端 ui 框架 | 文档地址 |
| axios | 请求发送 | 官网 |
| pinia | 全局状态管理 | 官网 |
| Vue Router | 路由管理 | 官网 |
| vue-i18n | 国际化 | 官网 |
| sass | Sass 是 CSS 的一种预编译语言，提供变量、嵌套规则等 | 官网 |
| mockjs | 模拟数据 | 官网 |
该项目开发使用的node环境为 16.19.0，建议node版本在其之上
配置 npm 镜像
# 指定 npm 国内镜像
npm config set registry=https://registry.npmmirror.com/
# 指定 Electron 的国内镜像地址
npm config set electron_mirror=https://npmmirror.com/mirrors/electron/
或者简单粗暴，直接改 C:\Users[用户].npmrc
registry=https://registry.npmmirror.com/
ELECTRON_MIRROR=https://npmmirror.com/mirrors/electron/
npm i
# 全局安装依赖
npm install rimraf -g
# 项目根目录执行
rimraf node_modules
+ ├─┬ electron
+ │ ├─┬ main
+ │ │ └── index.ts Electron主进程入口
+ │ └─┬ preload
+ │ └── index.ts 预加载ts脚本
├─┬ src
│ ├── main.ts Electron-渲染进程入口[即vue相关页面构建代码]
| ├── assets 静态资源目录
| ├── components 封装的vue组件目录
| ├── directive 自定义指令
| ├── hooks 组合式函数封装
| ├── locales 国际化，多语言支持
| ├── store 全局状态管理
| └── utils ts工具类
├── index.html
├── package.json
└── vite.config.ts
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手