smalljs$molSzukaj⌘ KDokumentacjaPlaygroundPorównanieEkosystemO projekciePL
InstalacjaGetting 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

Instalacja

Pierwsze kroki prowadzą Cię krok po kroku przez pierwszą aplikację. Ta strona to materiał referencyjny: jak zorganizowany jest projekt $mol i jak działa budowanie.

Wymagania

Node.js 24+ i git. Nic więcej nie jest instalowane globalnie.

Przestrzeń robocza MAM

Aplikacje $mol żyją wewnątrz MAM — narzędzia budującego i rejestru modułów. Klonujesz je raz i rozwijasz swoje moduły w środku:1git clone https://github.com/hyoo-ru/mam.git ./mam2cd mam3npm install4npm startnpm start uruchamia obserwujący serwer deweloperski pod adresem http://localhost:9080/. Przebudowuje przy zapisie i automatycznie rozwiązuje zależności — nigdy nie utrzymujesz konfiguracji bundlera.Jest też oficjalny szybki start z README MAM, bez klonowania:1mkdir mam && cd mam2npm exec mam@latestUruchamia ten sam serwer deweloperski w pustym folderze. Mimo to polecamy klon: cała praca i tak odbywa się wewnątrz MAM, a klon od razu zawiera ustawienia edytora (.vscode) i .npmrc.

W przeglądarce

Nic nie masz zainstalowane? Otwórz workspace w GitHub Codespaces: codespaces.new/hyoo-ru/mam. To VS Code w przeglądarce na maszynie GitHuba, Node.js już tam jest. Uruchom w jego terminalu npm install i npm start i otwórz przekierowany port 9080.

Jak nazywane są moduły

Każda nazwa komponentu odpowiada ścieżce folderu, a każdy podkreślnik jest separatorem folderów:1$my_app → my/app/2$my_app_header → my/app/header/Nazwy folderów modułów nigdy nie zawierają podkreślnika — dla nazw wielowyrazowych używaj zagnieżdżonych folderów. Jeśli używany komponent nigdy nie pojawia się w bundlu, prawie zawsze ścieżka folderu nie odpowiada nazwie klasy.

Anatomia modułu

Komponent to folder z plikami. Najważniejsze:PlikPrzeznaczenieindex.html aplikacji montuje komponent główny:1<body mol_view_root>2 <div mol_view_root="$my_app"></div>3 <script src="web.js"></script>4</body>
Edytuj tę stronę na GitHubieCzy to było pomocne?TakNiePoprzedniaNarzędziaNastępnaWidoki
Na tej stronieWymaganiaPrzestrzeń robocza MAMW przeglądarceJak nazywane są modułyAnatomia modułuBudowanie na produkcjęDodawanie pakietów npmŁadowanie pakietu w czasie działaniaDalej
Type to search the documentation.