Geen omschrijving

yichael 8a96f10b57 init 4 weken geleden
electron 8a96f10b57 init 4 weken geleden
src 8a96f10b57 init 4 weken geleden
.gitignore 8a96f10b57 init 4 weken geleden
README.md 8a96f10b57 init 4 weken geleden
README_REACT.md 8a96f10b57 init 4 weken geleden
config.js 8a96f10b57 init 4 weken geleden
enviroment-check.ps1 8a96f10b57 init 4 weken geleden
index.html 8a96f10b57 init 4 weken geleden
package.json 8a96f10b57 init 4 weken geleden
run_react.bat 8a96f10b57 init 4 weken geleden
vite.config.js 8a96f10b57 init 4 weken geleden

README.md

**一、框架:Electron + React + Vite

**二、测试连接:adb connect 192.168.0.15:5555

**三、开发命令

  • npm run dev:只启动 Vite 前端开发服务器。
  • npm run electron:直接启动 Electron(加载本地文件)。
  • npm run electron:dev:同时启动 Vite 开发服务器并在准备好后打开 Electron(推荐开发时使用)。
  • npm run build:构建生产版本。
  • npm run preview:预览构建后的应用。

**四、将页面设置为子页面(条件渲染)

步骤:

1. 修改 src/pages/Home.jsx

  • 添加:import Devices from './Devices/Devices';
  • HomeLogic() 中获取:const { showDevices, setShowDevices } = HomeLogic();
  • 在 return 中添加:{showDevices && <Devices />} 和按钮控制显示/隐藏

2. 修改 src/pages/Home.js

  • 添加:import { useState } from 'react';
  • HomeLogic 中添加:const [showDevices, setShowDevices] = useState(false);
  • return 中暴露:showDevices, setShowDevices

3. 修改 src/App.jsx

  • 删除 Devices 的 import 和组件使用