শুরু করা আপনাকে ধাপে ধাপে আপনার প্রথম অ্যাপের মধ্য দিয়ে নিয়ে যায়। এই পৃষ্ঠাটি রেফারেন্স: একটি $mol প্রকল্প কীভাবে সাজানো হয় এবং বিল্ড কীভাবে কাজ করে।
$mol অ্যাপগুলো MAM-এর ভেতরে থাকে — এটি বিল্ড টুল এবং মডিউল রেজিস্ট্রি। আপনি একবার ক্লোন করেন এবং এর ভেতরে আপনার মডিউল তৈরি করেন:1gitclonehttps://github.com/hyoo-ru/mam.git./mam2cdmam3npminstall4npmstartnpmstarthttp://localhost:9080/-এ একটি ওয়াচিং ডেভেলপমেন্ট সার্ভার চালায়। এটি সেভ করার সময় পুনরায় বিল্ড করে এবং স্বয়ংক্রিয়ভাবে নির্ভরতা সমাধান করে — আপনি কখনও কোনো বান্ডলার কনফিগ রক্ষণাবেক্ষণ করেন না।ক্লোন ছাড়াই MAM README-এর অফিসিয়াল কুইক স্টার্টও আছে:1mkdirmam&&cdmam2npmexecmam@latestএটি একটি খালি ফোল্ডারে একই ডেভ সার্ভার চালু করে। তবু আমরা ক্লোনই সুপারিশ করি: সব কাজ এমনিতেই MAM-এর ভেতরে হয়, আর ক্লোনে শুরু থেকেই এডিটরের সেটিংস (.vscode) ও .npmrc থাকে।
কম্পিউটারে কিছুই ইনস্টল নেই? GitHub Codespaces-এ ওয়ার্কস্পেস খুলুন: codespaces.new/hyoo-ru/mam। এটি GitHub-এর মেশিনে ব্রাউজারের ভেতরে VS Code, সেখানে Node.js আগে থেকেই আছে। এর টার্মিনালে npminstall ও npmstart চালান, তারপর ফরোয়ার্ড করা পোর্ট 9080 খুলুন।
প্রতিটি কম্পোনেন্টের নাম একটি ফোল্ডার পাথের সাথে ম্যাপ করে, এবং প্রতিটি আন্ডারস্কোর একটি ফোল্ডার বিভাজক:1$my_app → my/app/2$my_app_header → my/app/header/মডিউল ফোল্ডারের নামে কখনও আন্ডারস্কোর থাকে না — একাধিক শব্দের নামের জন্য নেস্টেড ফোল্ডার ব্যবহার করুন। আপনি যে কম্পোনেন্ট ব্যবহার করছেন সেটি যদি কখনও বান্ডলে না দেখা যায়, প্রায় সবসময়ই ফোল্ডার পাথ ক্লাসের নামের সাথে মেলে না।
একটি কম্পোনেন্ট হলো ফাইলের একটি ফোল্ডার। প্রধান ফাইলগুলো:ফাইলউদ্দেশ্যএকটি অ্যাপের index.html রুট কম্পোনেন্ট মাউন্ট করে:1<bodymol_view_root>2<divmol_view_root="$my_app"></div>3<scriptsrc="web.js"></script>4</body>