smalljs$molSzukaj⌘ KDokumentacjaPlaygroundPorównanieEkosystemO projekciePL
NarzędziaGetting StartedWprowadzenieModel mentalnyPierwsze krokiZ TypeScriptu do view.treeStruktura projektuNarzędziaEssentialsInstalacjaWidokiStan i reaktywnośćRoutingRenderowanieTestowanieWdrożenieRozwiązywanie problemówDataPobieranie danychSchematy danychGiper BazaMorePrezentacjaZ React, Vue i SvelteZbiór przepisówAdvancedWtyczkiMetadane modułuOfflineWidoki-duchyAboutFAQZespółWydaniaAPI$mol_button_major$mol_button_minor$mol_string$mol_number$mol_text$mol_paragraph$mol_list$mol_row$mol_link$mol_check$mol_switch$mol_select$mol_scroll$mol_page$mol_pick

Narzędzia

$mol działa w każdym edytorze, ale niewielki zestaw narzędzi sprawia, że .view.tree i typowane style są znacznie wygodniejsze: generator projektu, serwer języka, integracje z edytorami Zed i VS Code oraz skill, który uczy asystentów LLM tego frameworka.

Wygenerowanie projektu

create-view-tree-lsp generuje gotowy do uruchomienia moduł $mol, byś nie musiał składać szablonowego kodu ręcznie:1npx create-view-tree-lsp bog/myappUruchamiaj z katalogu głównego swojej kopii MAM: stamtąd liczone są ścieżki modułów i tam projekt ma mieszkać. Poza workspace'em polecenie ostrzeże, zamiast zostawiać to do odkrycia przy pierwszym budowaniu.Argumentem jest ścieżka modułu (namespace/name lub równoważne bog_myapp). Zapisuje view.tree, view.ts, view.css.ts i index.html działającej aplikacji, a także GitHub Actions do jej wdrożenia.Wszystko, co generator potrafi dodać, jest domyślnie w środku. Wymieniasz tylko to, czego nie chcesz:1npx create-view-tree-lsp bog/myapp --no-tauri --no-backend--no-baza — local-first magazyn Giper Baza--no-docker — konfiguracja Docker z docker-compose.yml i configiem nginx--no-tauri — desktopowa powłoka Tauri--no-backend — backend REST $mol_server z magazynem node:sqlite i współdzielonym typem elementu w TypeScript--no-prerender, --no-seo — widoczność w wyszukiwarkach, opisana poniżej w sekcji Ciągła integracjaNieznana flaga przerywa uruchomienie, więc literówka nie zostawi czegoś w projekcie po cichu.Generator to cienka nakładka na CLI serwera języka, więc npx view-tree-lsp create bog/myapp robi to samo bezpośrednio.

Tłumaczenia

Tłumaczenia leżą obok swojego modułu, w <moduł>/<nazwa>.locale=<lang>.json. Kodowi jest tak wygodnie, tłumaczowi już mniej: zamiast jednej listy zdań dostaje trzydzieści małych plików. $yuf_localizer zasypuje tę przepaść. Podaj mu adresy projektów i kody języków, a pokaże wszystkie klucze na jednej liście z wyszukiwaniem, oznaczając to, co jeszcze zostało: klucze istniejące tylko po angielsku, zmienione, ale niezatwierdzone, oraz przeterminowane, których projekt już nie ma. Tłumaczenia trzymają się w przeglądarce do czasu eksportu, więc nic nie ginie między sesjami.Gdy tłumacz skończy, wyeksportuj wynik i rozdziel go z powrotem na moduły:1# z katalogu głównego MAM2npx view-tree-lsp locale bog/myapp/app/- --exclude=mol --updateArgumentem jest katalog albo pojedynczy plik lokalizacji. Flagi:Każdy klucz niesie ścieżkę swojego modułu, więc $my_page_greeting trafi do my/page/page.locale=ru.json — obok źródeł, do których należy. Ustalenie tego modułu jest jednak subtelniejsze, niż wygląda: _ rozdziela zarówno katalogi, jak i słowa, więc najdłuższa pasująca ścieżka to zła odpowiedź. W $my_page_lang_hint właściwość zaczyna się od lang, a prawdziwy sąsiedni podmoduł my/page/lang połknąłby klucz. Dlatego polecenie pyta każdy moduł-kandydat, jakie klucze deklaruje — MAM zapisuje dokładnie te w jego pliku lokalizacji w -view.tree — i oddaje klucz właścicielowi.

Ciągła integracja

Generator zapisuje GitHub Actions w .github/workflows/, dzięki czemu nowy projekt wdraża się i wydaje bez dodatkowej konfiguracji.deploy.yml uruchamia się przy każdym pushu. Buduje aplikację za pomocą hyoo-ru/mam_build, publikuje app/- na GitHub Pages z main i daje każdej gałęzi feature/* własny folder podglądu — usuwany automatycznie po skasowaniu gałęzi.
Edytuj tę stronę na GitHubieCzy to było pomocne?TakNiePoprzedniaStruktura projektuNastępnaInstalacja
Na tej stronieWygenerowanie projektuTłumaczeniaCiągła integracjaSEOPulpit TauriSerwer językaZedVS CodeSkill dla LLMLinki
Type to search the documentation.