smalljs$molRechercher⌘ KDocsPlaygroundComparerÉcosystèmeÀ proposFR
InstallationGetting StartedIntroductionModèle mentalDémarrageDe TypeScript à view.treeStructure d'un projetOutillageEssentialsInstallationVuesÉtat et réactivitéRoutageRenduTestsDéploiementDépannageDataRécupération de donnéesSchémas de donnéesGiper BazaMoreVitrineDe React, Vue et SvelteRecettesAdvancedPluginsMétadonnées de moduleHors-ligneVues fantômesAboutFAQÉquipeVersionsAPI$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

Prise en main vous guide pas à pas dans votre première application. Cette page est la référence : comment un projet $mol est organisé et comment fonctionne la compilation.

Prérequis

Node.js 24+ et git. Rien d'autre n'est installé globalement.

L'espace de travail MAM

Les applications $mol vivent dans MAM — l'outil de build et le registre de modules. Vous le clonez une fois et développez vos modules à l'intérieur :1git clone https://github.com/hyoo-ru/mam.git ./mam2cd mam3npm install4npm startnpm start lance un serveur de développement en mode surveillance sur http://localhost:9080/. Il recompile à chaque enregistrement et résout les dépendances automatiquement — vous ne maintenez jamais de configuration de bundler.Il existe aussi le démarrage rapide officiel du README de MAM, sans clonage :1mkdir mam && cd mam2npm exec mam@latestIl lance le même serveur de dev dans un dossier vide. Nous recommandons quand même le clone : tout le travail se fait de toute façon dans MAM, et le clone apporte d'emblée les réglages de l'éditeur (.vscode) et .npmrc.

Dans le navigateur

Rien d'installé sur votre machine ? Ouvrez l'espace de travail dans GitHub Codespaces : codespaces.new/hyoo-ru/mam. C'est VS Code dans le navigateur, sur une machine GitHub où Node.js est déjà présent. Lancez npm install puis npm start dans son terminal et ouvrez le port 9080 redirigé.

Comment les modules sont nommés

Chaque nom de composant correspond à un chemin de dossier, et chaque tiret bas est un séparateur de dossier :1$my_app → my/app/2$my_app_header → my/app/header/Les noms de dossiers de modules ne contiennent jamais de tiret bas — utilisez des dossiers imbriqués pour les noms à plusieurs mots. Si un composant que vous utilisez n'apparaît jamais dans le bundle, c'est presque toujours que le chemin du dossier ne correspond pas au nom de la classe.

Anatomie d'un module

Un composant est un dossier de fichiers. Les principaux :FichierRôleL'index.html d'une application monte le composant racine :1<body mol_view_root>2 <div mol_view_root="$my_app"></div>3 <script src="web.js"></script>4</body>
Modifier cette page sur GitHubÉtait-ce utile ?OuiNonPrécédentOutillageSuivantVues
Sur cette pagePrérequisL'espace de travail MAMDans le navigateurComment les modules sont nommésAnatomie d'un moduleCompilation pour la productionAjouter des paquets npmCharger un paquet à l'exécutionSuite
Type to search the documentation.