基于 Electron + Vite 构建的 Mac 网络管理桌面应用,支持一键查看、启用和禁用以太网(有线网络),并附带命令行脚本。
- 查看当前 Mac 使用的网络服务和接口
- 一键启用/禁用指定的以太网服务
- 自动检测和列出所有网络服务
- 托盘图标支持亮/暗主题自动切换
- macOS Dock 图标自定义
- 操作日志与状态提示
- 附带 Bash 脚本,支持命令行管理网络
git clone https://github.com/yourname/network-manager-app.git
cd network-manager-appnpm installnpm start应用会以桌面窗口形式启动,并在系统托盘显示图标。
- 打包应用:
npm run package - 生成安装包:
npm run make
- 主窗口图标:
public/app-icon-64x64.png - 托盘图标:自动根据系统主题切换
public/tray-icon-light-32x32.png和public/tray-icon-dark-32x32.png - Dock 图标(macOS):
public/app-icon-512x512.png - 应用打包图标:推荐使用
.icns(macOS)或.ico(Windows),可用最大尺寸 PNG 转换
.
├── src/
│ ├── main/ # Electron 主进程
│ │ └── main.js
│ ├── renderer/ # 渲染进程(前端逻辑与资源)
│ │ ├── renderer.js
│ │ └── styles.css
│ ├── preload/ # 预加载脚本
│ │ └── preload.js
├── public/ # 应用图标与静态资源
│ ├── app-icon-*.png
│ ├── tray-icon-*.png
│ └── ...
├── scripts/
│ └── network-manager.sh # Bash 脚本,命令行网络管理
├── index.html
├── package.json
├── forge.config.js
└── ...
- 启动后自动显示当前网络状态
- 下拉选择网络服务(如“USB 10/100/1000 LAN”)
- 点击“启用以太网”或“禁用以太网”按钮进行操作
- 日志区显示每次操作结果
- 关闭主窗口时最小化到托盘,双击托盘图标可还原
scripts/network-manager.sh
支持以下功能:
- 查看当前使用的网络
- 启用有线网络
- 禁用有线网络
- 退出
注意:
默认以太网服务名称为USB 10/100/1000 LAN,如有不同请修改脚本顶部的ETHERNET_SERVICE变量。
运行方法:
bash scripts/network-manager.sh- 托盘图标:
public/tray-icon-light-32x32.png、public/tray-icon-dark-32x32.png,自动适配亮/暗主题 - Dock 图标:
public/app-icon-512x512.png,在main.js通过app.dock.setIcon设置 - 应用打包图标:在
forge.config.js的packagerConfig.icon字段指定(推荐.icns或.ico,可用 PNG 转换)
- Electron 37.x
- Vite 5.x
- Electron Forge
欢迎提交 issue 和 PR!
MIT
