smalljs$molCerca⌘ KDocumentazionePlaygroundConfrontoEcosistemaInformazioniIT
InstallazioneGetting StartedIntroduzioneModello mentalePer iniziareDa TypeScript a view.treeStruttura del progettoStrumentiEssentialsInstallazioneVisteStato e reattivitàRoutingRenderingTestingDeploymentRisoluzione dei problemiDataRecupero datiSchemi di datiGiper BazaMoreVetrinaDa React, Vue e SvelteRicettarioAdvancedPluginMetadati del moduloOfflineViste fantasmaAboutFAQTeamReleaseAPI$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

Installazione

Guida introduttiva ti accompagna passo dopo passo nella tua prima applicazione. Questa pagina è il riferimento: com'è organizzato un progetto $mol e come funziona la build.

Requisiti

Node.js 24+ e git. Nient'altro viene installato globalmente.

L'ambiente di lavoro MAM

Le app $mol vivono dentro MAM — lo strumento di build e il registro dei moduli. Lo cloni una volta e sviluppi i tuoi moduli al suo interno:1git clone https://github.com/hyoo-ru/mam.git ./mam2cd mam3npm install4npm startnpm start avvia un server di sviluppo con osservazione su http://localhost:9080/. Ricompila al salvataggio e risolve le dipendenze automaticamente — non mantieni mai una configurazione del bundler.C'è anche il quick start ufficiale dal README di MAM, senza clonare:1mkdir mam && cd mam2npm exec mam@latestAvvia lo stesso dev server in una cartella vuota. Consigliamo comunque il clone: tutto il lavoro avviene comunque dentro MAM, e il clone include subito le impostazioni dell'editor (.vscode) e .npmrc.

Nel browser

Niente installato sulla tua macchina? Apri il workspace in GitHub Codespaces: codespaces.new/hyoo-ru/mam. È VS Code nel browser su una macchina GitHub con Node.js già presente. Esegui npm install e npm start nel suo terminale e apri la porta inoltrata 9080.

Come vengono nominati i moduli

Ogni nome di componente corrisponde a un percorso di cartella, e ogni trattino basso è un separatore di cartella:1$my_app → my/app/2$my_app_header → my/app/header/I nomi delle cartelle dei moduli non contengono mai un trattino basso — usa cartelle annidate per i nomi composti da più parole. Se un componente che usi non compare mai nel bundle, quasi sempre il percorso della cartella non corrisponde al nome della classe.

Anatomia di un modulo

Un componente è una cartella di file. I principali:FileScopoL'index.html di un'app monta il componente radice:1<body mol_view_root>2 <div mol_view_root="$my_app"></div>3 <script src="web.js"></script>4</body>
Modifica questa pagina su GitHubÈ stato utile?SìNoPrecedenteStrumentiSuccessivoViste
In questa paginaRequisitiL'ambiente di lavoro MAMNel browserCome vengono nominati i moduliAnatomia di un moduloBuild per la produzioneAggiungere pacchetti npmCaricare un pacchetto a runtimeAvanti
Type to search the documentation.