smalljs$molSuche⌘ KDokuPlaygroundVergleichÖkosystemÜberDE
InstallationGetting StartedEinführungMentales ModellErste SchritteVon TypeScript zu view.treeProjektstrukturWerkzeugeEssentialsInstallationViewsZustand und ReaktivitätRoutingRenderingTestenDeploymentFehlerbehebungDataDatenabrufDatenschemasGiper BazaMoreSchaufensterVon React, Vue und SvelteKochbuchAdvancedPluginsModul-MetadatenOfflineGhost-AnsichtenAboutFAQTeamReleasesAPI$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

Installation

Erste Schritte führt dich Schritt für Schritt durch deine erste App. Diese Seite ist die Referenz: wie ein $mol-Projekt aufgebaut ist und wie der Build funktioniert.

Voraussetzungen

Node.js 24+ und git. Sonst wird nichts global installiert.

Der MAM-Arbeitsbereich

$mol-Apps leben in MAM — dem Build-Werkzeug und der Modulregistrierung. Du klonst es einmal und entwickelst deine Module darin:1git clone https://github.com/hyoo-ru/mam.git ./mam2cd mam3npm install4npm startnpm start startet einen überwachenden Entwicklungsserver unter http://localhost:9080/. Er baut beim Speichern neu und löst Abhängigkeiten automatisch auf — du pflegst nie eine Bundler-Konfiguration.Es gibt auch den offiziellen Schnellstart aus dem MAM-README, ohne Klonen:1mkdir mam && cd mam2npm exec mam@latestEr startet denselben Dev-Server in einem leeren Ordner. Wir empfehlen trotzdem den Klon: Die ganze Arbeit findet ohnehin innerhalb von MAM statt, und der Klon bringt Editor-Einstellungen (.vscode) und .npmrc gleich mit.

Im Browser

Nichts auf dem Rechner installiert? Öffne den Workspace in GitHub Codespaces: codespaces.new/hyoo-ru/mam. Das ist VS Code im Browser auf einer GitHub-Maschine, Node.js ist schon da. Führe im Terminal npm install und npm start aus und öffne den weitergeleiteten Port 9080.

Wie Module benannt werden

Jeder Komponentenname entspricht einem Ordnerpfad, und jeder Unterstrich ist ein Ordnertrenner:1$my_app → my/app/2$my_app_header → my/app/header/Ordnernamen von Modulen enthalten nie einen Unterstrich — verwende verschachtelte Ordner für mehrteilige Namen. Wenn eine von dir genutzte Komponente nie im Bundle auftaucht, stimmt fast immer der Ordnerpfad nicht mit dem Klassennamen überein.

Aufbau eines Moduls

Eine Komponente ist ein Ordner mit Dateien. Die wichtigsten:DateiZweckDie index.html einer App bindet die Wurzelkomponente ein:1<body mol_view_root>2 <div mol_view_root="$my_app"></div>3 <script src="web.js"></script>4</body>
Diese Seite auf GitHub bearbeitenWar das hilfreich?JaNeinZurückWerkzeugeWeiterViews
Auf dieser SeiteVoraussetzungenDer MAM-ArbeitsbereichIm BrowserWie Module benannt werdenAufbau eines ModulsBuild für die Produktionnpm-Pakete hinzufügenEin Paket zur Laufzeit ladenWeiter
Type to search the documentation.