安装 — $mol

安装

快速上手会一步步带你完成第一个应用。本页是参考手册：$mol 项目如何组织，以及构建是如何工作的。

$mol 应用运行在 MAM 之中——它是构建工具和模块注册表。你只需克隆一次，然后在其中开发你的模块：1git clone https://github.com/hyoo-ru/mam.git ./mam2cd mam3npm install4npm startnpm start 会在 http://localhost:9080/ 启动一个带监听的开发服务器。它在保存时重新构建，并自动解析依赖——你永远不用维护打包器配置。也可以不克隆，使用

MAM README 里的官方快速开始：1mkdir mam && cd mam2npm exec mam@latest它会在空文件夹里启动同一个开发服务器。我们仍然推荐克隆：所有工作反正都在 MAM 里进行，而克隆自带编辑器设置（.vscode）和 .npmrc。

在浏览器中

电脑上什么都没装？在 GitHub Codespaces 中打开工作区：

codespaces.new/hyoo-ru/mam。这是运行在 GitHub 机器上的浏览器版 VS Code，Node.js 已经装好。在它的终端里执行 npm install 和 npm start，然后打开转发的 9080 端口。

模块如何命名

每个组件名都映射到一个文件夹路径，且每个下划线都是文件夹分隔符：1$my_app → my/app/2$my_app_header → my/app/header/模块文件夹名永远不包含下划线——多词名称请使用嵌套文件夹。如果你用到的某个组件始终没有出现在打包结果中，几乎总是因为文件夹路径与类名不匹配。

模块剖析

一个组件就是一个装着文件的文件夹。主要文件：文件用途应用的 index.html 会挂载根组件：1<body mol_view_root>2 <div mol_view_root="$my_app"></div>3 <script src="web.js"></script>4</body>

生产环境构建

开发服务器会即时构建，但你也可以从工作区根目录显式构建任意模块：1npm start my/app在 GitHub 上编辑此页这有帮助吗？是否上一页工具链下一页视图本页内容环境要求 MAM 工作区在浏览器中模块如何命名模块剖析生产环境构建添加 npm 包在运行时加载包下一步