安裝 — $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 套件在執行時載入套件下一步