项目使用Electron+Vue3+TypeScript完成scrcpy命令行(投屏软件)的桌面端跨平台程序
1、 克隆代码,到目录下执行 npm install
安装依赖
2、 找到package.json
"dev": "electron-vite dev",
"build": "npm run typecheck && electron-vite build",
"postinstall": "electron-builder install-app-deps",
"build:win": "npm run build && electron-builder --win --config",
"build:mac": "npm run build && electron-builder --mac --config",
"build:linux": "npm run build && electron-builder --linux --config"
3、 执行dev命令运行项目, build:xxx 在xxx平台打包
Electron桌面端程序开发框架
- 完善Electron Main、Render Process之间的进程间通信
TypeScript
- 强制规范代码风格
Vue3
- 采用element-ui组件简化开发
基于此模板开发更多具有某些便捷功能的跨平台程序, 如嵌入脚本到程序中、其他命令行集成……
-
https://developer.mozilla.org/zh-CN/docs/Learn/CSS/CSS_layout/Flexbox
-
Electron IPC 机制 https://www.electronjs.org/zh/docs/latest/tutorial/ipc
-
《Electron&Vue&element-ui 's problems》https://www.yuque.com/jailedbird/ho06i8/gtsy0slw4debuqhe?singleDoc#
-
https://doc-archive.element-plus.org/#/zh-CN/component/layout
-
create-electron 快速搭建一个完善的Electron项目 https://juejin.cn/post/7086245787855749133