smalljs$molجستجو⌘ Kمستنداتزمین بازیمقایسهاکوسیستمدربارهFA
نصبGetting Startedمعرفیمدل ذهنیشروع به کاراز تایپ‌اسکریپت به view.treeساختار پروژهابزارهاEssentialsنصبنماهاوضعیت و واکنش‌گراییمسیریابیرندرتست‌نویسیاستقراررفع اشکالDataدریافت دادهطرح‌واره‌های دادهGiper BazaMoreویتریناز React، Vue و Svelteکتابِ آشپزیAdvancedپلاگین‌هافراداده‌های ماژولآفلایننماهای شبحAboutپرسش‌های پرتکرارتیمانتشارهاAPI$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

نصب

شروع به کار گام‌به‌گام شما را در ساخت نخستین برنامه‌تان راهنمایی می‌کند. این صفحه مرجع است: اینکه یک پروژهٔ $mol چگونه سازمان‌دهی می‌شود و ساخت (build) چگونه کار می‌کند.

پیش‌نیازها

Node.js 24+ و git. چیز دیگری به‌صورت سراسری نصب نمی‌شود.

فضای کاری MAM

برنامه‌های $mol درون MAM زندگی می‌کنند — ابزار ساخت و رجیستری ماژول‌ها. یک بار آن را کلون می‌کنید و ماژول‌های خود را درون آن توسعه می‌دهید:1git clone https://github.com/hyoo-ru/mam.git ./mam2cd mam3npm install4npm startnpm start یک سرور توسعهٔ نظارتی روی http://localhost:9080/ اجرا می‌کند. هنگام ذخیره دوباره می‌سازد و وابستگی‌ها را به‌صورت خودکار حل می‌کند — هرگز پیکربندی باندلر را نگهداری نمی‌کنید.راه‌اندازی سریع رسمی از README مام هم هست، بدون کلون:1mkdir mam && cd mam2npm exec mam@latestهمان سرور توسعه را در یک پوشهٔ خالی بالا می‌آورد. با این حال کلون را توصیه می‌کنیم: همهٔ کار در هر حال داخل MAM انجام می‌شود و کلون از همان ابتدا تنظیمات ویرایشگر (.vscode) و .npmrc را دارد.

در مرورگر

چیزی روی رایانه نصب نکرده‌اید؟ فضای کار را در GitHub Codespaces باز کنید: codespaces.new/hyoo-ru/mam. این VS Code در مرورگر روی ماشین GitHub است و Node.js از قبل آنجاست. در ترمینال آن npm install و npm start را اجرا کنید و پورت فوروارد‌شدهٔ 9080 را باز کنید.

چگونگی نام‌گذاری ماژول‌ها

هر نام مؤلفه به یک مسیر پوشه نگاشته می‌شود و هر زیرخط (underscore) یک جداکنندهٔ پوشه است:1$my_app → my/app/2$my_app_header → my/app/header/نام پوشهٔ ماژول‌ها هرگز شامل زیرخط نیست — برای نام‌های چندکلمه‌ای از پوشه‌های تودرتو استفاده کنید. اگر مؤلفه‌ای که استفاده می‌کنید هرگز در باندل ظاهر نشد، تقریباً همیشه مسیر پوشه با نام کلاس مطابقت ندارد.

کالبدشکافی یک ماژول

هر مؤلفه یک پوشه از فایل‌هاست. فایل‌های اصلی:فایلکاربردفایل index.html یک برنامه مؤلفهٔ ریشه را نصب (mount) می‌کند:1<body mol_view_root>2 <div mol_view_root="$my_app"></div>3 <script src="web.js"></script>4</body>
ویرایش این صفحه در GitHubآیا این مفید بود؟بلهخیرقبلیابزارهابعدینماها
در این صفحهپیش‌نیازهافضای کاری MAMدر مرورگرچگونگی نام‌گذاری ماژول‌هاکالبدشکافی یک ماژولساخت برای تولید (production)افزودن بسته‌های npmبارگذاری بسته در زمان اجرابعدی
Type to search the documentation.