Instalace

Začínáme vás krok za krokem provede vaší první aplikací. Tato stránka je referenční: jak je projekt $mol uspořádán a jak funguje sestavení.

Požadavky

Node.js 24+ a git. Nic dalšího se globálně neinstaluje.

Aplikace $mol žijí uvnitř MAM — nástroje pro sestavení a registru modulů. Naklonujete jej jednou a vyvíjíte své moduly uvnitř:1git clone https://github.com/hyoo-ru/mam.git ./mam2cd mam3npm install4npm startnpm start spustí sledovací vývojový server na http://localhost:9080/. Při uložení znovu sestaví a automaticky vyřeší závislosti — nikdy neudržujete konfiguraci bundleru.Existuje i oficiální rychlý start z

README MAM, bez klonování:1mkdir mam && cd mam2npm exec mam@latestSpustí stejný vývojový server v prázdné složce. Přesto doporučujeme klon: veškerá práce stejně probíhá uvnitř MAM a klon rovnou obsahuje nastavení editoru (.vscode) a .npmrc.

V prohlížeči

Nemáte nic nainstalováno? Otevřete workspace v GitHub Codespaces:

codespaces.new/hyoo-ru/mam. Je to VS Code v prohlížeči na stroji GitHubu, kde už Node.js je. V jeho terminálu spusťte npm install a npm start a otevřete přesměrovaný port 9080.

Jak se moduly pojmenovávají

Každý název komponenty odpovídá cestě ke složce a každé podtržítko je oddělovač složek:1$my_app → my/app/2$my_app_header → my/app/header/Názvy složek modulů nikdy neobsahují podtržítko — pro víceslovné názvy použijte vnořené složky. Pokud se komponenta, kterou používáte, nikdy neobjeví v bundlu, téměř vždy cesta ke složce neodpovídá názvu třídy.

Anatomie modulu

Komponenta je složka se soubory. Hlavní z nich:SouborÚčelindex.html aplikace připojí kořenovou komponentu:1<body mol_view_root>2 <div mol_view_root="$my_app"></div>3 <script src="web.js"></script>4</body>

Sestavení pro produkci

Upravit tuto stránku na GitHubuBylo to užitečné?AnoNePředchozíNástroje DalšíPohledyNa této stráncePožadavky Pracovní prostor MAM V prohlížeči Jak se moduly pojmenovávají Anatomie modulu Sestavení pro produkci Přidávání npm balíčků Načtení balíčku za běhu Dále