Toolverse
Wszystkie skille

desktop

autor: lobehub

Przewodnik do tworzenia aplikacji desktopowych w Electronie z obsługą IPC i zarządzaniem oknami

Instalacja

Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.

Instalacja

Szybkie info

Autor
lobehub
Kategoria
Frontend
Wyświetlenia
36

O skillu

Umiejętność dla agentów AI ułatwiająca implementację funkcji desktopowych w Electronie. Zawiera wzorce dla kontrolerów, skryptów preload, obsługi komunikacji między procesami (IPC), zarządzania oknami i menu. Użyj jej podczas pracy nad aplikacją desktopową opartą na Electronie, gdy potrzebujesz wdrożyć nową funkcję wymagającą dostępu do API systemu lub komunikacji między głównym procesem a renderer'em.

Jak używać

  1. Zainstaluj umiejętność w swoim agencie AI, wskazując repozytorium lobehub. Umiejętność automatycznie aktywuje się, gdy będziesz pracować nad rozwojem aplikacji desktopowej w Electronie, implementacją IPC lub narzędziami lokalnymi.

  2. Gdy potrzebujesz dodać nową funkcję desktopową, utwórz kontroler w katalogu apps/desktop/src/main/controllers/. Kontroler powinien rozszerzać ControllerModule i zawierać metody oznaczone dekoratorem @IpcMethod() — umiejętność pokaże ci dokładną strukturę TypeScript.

  3. Zdefiniuj typy dla parametrów i wyników komunikacji IPC w pliku packages/electron-client-ipc/src/types.ts. Umiejętność pomoże ci określić interfejsy zgodne z architekturą main-renderer.

  4. Stwórz usługę renderer'a w katalogu src/services/electron/, która będzie wywoływać kontroler za pośrednictwem IPC. Umiejętność wskaże ci, jak używać funkcji ensureElectronIpc() do bezpiecznego dostępu do IPC.

  5. Zarejestruj nowy kontroler w pliku apps/desktop/src/main/controllers/registry.ts, aby był dostępny dla renderer'a.

  6. Dodaj testy dla kontrolera w katalogu apps/desktop/src/main/controllers/tests/ — umiejętność zawiera referencje do testowania funkcji desktopowych.

Podobne skille