smalljs$molPesquisar⌘ KDocsPlaygroundCompararEcossistemaSobrePT
InstalaçãoGetting StartedIntroduçãoModelo mentalPrimeiros passosDe TypeScript para view.treeEstrutura do projetoFerramentasEssentialsInstalaçãoViewsEstado e reatividadeRoteamentoRenderizaçãoTestesDeploySolução de problemasDataBusca de dadosEsquemas de dadosGiper BazaMoreVitrineDe React, Vue e SvelteLivro de receitasAdvancedPluginsMetadados de móduloOfflineVistas fantasmaAboutFAQEquipeLançamentosAPI$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

Instalação

Primeiros passos o conduz passo a passo pelo seu primeiro aplicativo. Esta página é a referência: como um projeto $mol é organizado e como a compilação funciona.

Requisitos

Node.js 24+ e git. Nada mais é instalado globalmente.

O espaço de trabalho MAM

Os aplicativos $mol vivem dentro do MAM — a ferramenta de build e o registro de módulos. Você o clona uma vez e desenvolve seus módulos dentro dele:1git clone https://github.com/hyoo-ru/mam.git ./mam2cd mam3npm install4npm startnpm start executa um servidor de desenvolvimento com observação em http://localhost:9080/. Ele recompila ao salvar e resolve as dependências automaticamente — você nunca mantém uma configuração de bundler.Há também o quick start oficial do README do MAM, sem clonar:1mkdir mam && cd mam2npm exec mam@latestEle sobe o mesmo servidor de dev numa pasta vazia. Ainda assim recomendamos o clone: todo o trabalho acontece dentro do MAM de qualquer forma, e o clone já traz as configurações do editor (.vscode) e o .npmrc.

No navegador

Nada instalado na sua máquina? Abra o workspace no GitHub Codespaces: codespaces.new/hyoo-ru/mam. É o VS Code no navegador, numa máquina do GitHub que já tem Node.js. Rode npm install e npm start no terminal dele e abra a porta 9080 encaminhada.

Como os módulos são nomeados

Cada nome de componente corresponde a um caminho de pasta, e cada sublinhado é um separador de pastas:1$my_app → my/app/2$my_app_header → my/app/header/Nomes de pastas de módulos nunca contêm sublinhado — use pastas aninhadas para nomes de várias palavras. Se um componente que você usa nunca aparece no bundle, quase sempre o caminho da pasta não corresponde ao nome da classe.

Anatomia de um módulo

Um componente é uma pasta de arquivos. Os principais:ArquivoFinalidadeO index.html de um aplicativo monta o componente raiz:1<body mol_view_root>2 <div mol_view_root="$my_app"></div>3 <script src="web.js"></script>4</body>
Editar esta página no GitHubIsto foi útil?SimNãoAnteriorFerramentasPróximoViews
Nesta páginaRequisitosO espaço de trabalho MAMNo navegadorComo os módulos são nomeadosAnatomia de um móduloCompilando para produçãoAdicionando pacotes npmCarregando um pacote em tempo de execuçãoPróximo
Type to search the documentation.