د وسایلو جوړول
زموږ د اسنادو جوړولو لپاره د بوټسټریپ شامل شوي npm سکریپټونو کارولو څرنګوالی زده کړئ، د سرچینې کوډ تالیف کړئ، ازموینې چل کړئ، او نور ډیر څه.
د وسیلې تنظیم کول
بوټسټراپ د دې جوړ شوي سیسټم لپاره د npm سکریپټونه کاروي. زموږ پیکج. json د چوکاټ سره کار کولو لپاره مناسب میتودونه شامل دي ، پشمول د کوډ تالیف کول ، ازموینې چلول ، او نور ډیر څه.
زموږ د جوړونې سیسټم کارولو او په محلي ډول زموږ اسناد چلولو لپاره، تاسو به د بوټسټریپ سرچینې فایلونو او نوډ یوه کاپي ته اړتیا ولرئ. دا مرحلې تعقیب کړئ او تاسو باید د راک کولو لپاره چمتو اوسئ:
- Node.js ډاونلوډ او نصب کړئ ، کوم چې موږ د خپلو انحصارونو اداره کولو لپاره کاروو.
- یا د بوټسټریپ سرچینې ډاونلوډ کړئ یا د بوټسټریپ ذخیره فورک کړئ .
- روټ
/bootstrap
ډایرکټر ته لاړشئ او په package.jsonnpm install
کې لیست شوي زموږ محلي انحصارونو نصبولو لپاره وګرځئ .
کله چې بشپړ شي، تاسو به وکولی شئ د کمانډ لاین څخه چمتو شوي مختلف قوماندې پرمخ بوځي.
د npm سکریپټونو کارول
زموږ package.json کې د پروژې پراختیا لپاره ډیری دندې شاملې دي. په خپل ټرمینل کې د ټولو npm npm run
سکریپټونو لیدلو لپاره وګرځئ. لومړني دندې عبارت دي له:
دنده | تفصیل |
---|---|
npm start |
CSS او JavaScript تالیف کوي، اسناد جوړوي، او محلي سرور پیل کوي. |
npm run dist |
dist/ د مرتب شوي فایلونو سره لارښود رامینځته کوي. Sass , Autoprefixer , او Terser ته اړتیا لري . |
npm test |
د چلولو وروسته په محلي توګه ازموینې پرمخ وړيnpm run dist |
npm run docs-serve |
په محلي توګه اسناد جوړوي او چلوي. |
ساس
بوټسټراپ د سی ایس ایس فایلونو کې زموږ د ساس سرچینې فایلونو تالیف کولو لپاره ډارټ ساس کاروي (زموږ د جوړونې پروسې کې شامل دي) ، او موږ وړاندیز کوو چې تاسو ورته کار وکړئ که تاسو د خپلې شتمنۍ پایپ لاین په کارولو سره ساس تالیف کوئ. موږ دمخه د بوټسټریپ v4 لپاره نوډ ساس کارولی و ، مګر LibSass او د دې په سر کې جوړ شوي کڅوړې ، پشمول د نوډ ساس ، اوس له پامه غورځول شوي .
ډارټ ساس د 10 ګردي دقیقیت کاروي او د موثریت دلایلو لپاره د دې ارزښت تنظیم کولو ته اجازه نه ورکوي. موږ دا دقیقیت زموږ د تولید شوي CSS د نورو پروسس کولو پرمهال کم نه کوو ، لکه د ماینیفیکیشن پرمهال ، مګر که تاسو دا غوره کړی وي نو موږ وړاندیز کوو چې لږترلږه د 6 دقیقیت وساتئ ترڅو د براوزر راؤنډ کولو مسلو مخه ونیول شي.
اتوماتیک
بوټسټراپ Autoprefixer کاروي (زموږ د جوړونې پروسې کې شامل دي) ترڅو د جوړیدو په وخت کې ځینې CSS ملکیتونو ته په اتوماتيک ډول د پلورونکي مخکیني اضافه کړي. دا کار کول موږ ته وخت او کوډ خوندي کوي چې موږ ته اجازه راکوي چې زموږ د CSS کلیدي برخې یو ځل ولیکئ پداسې حال کې چې د پلورونکي مکسین اړتیا له مینځه ویسي لکه څنګه چې په v3 کې موندل شوي.
موږ زموږ د GitHub ذخیره کې په جلا فایل کې د Autoprefixer له لارې ملاتړ شوي براوزرونو لیست ساتو. د جزیاتو لپاره .browserslistrc وګورئ .
RTLCSS
بوټسټریپ د ترتیب شوي CSS پروسس کولو لپاره RTLCSS کاروي او RTL ته یې بدلوي - اساسا د افقی سمت خبرتیا ملکیتونه (د مثال په توګه padding-left
) د دوی مخالف سره ځای په ځای کوي. دا موږ ته اجازه راکوي چې یوازې یو ځل زموږ CSS ولیکئ او د RTLCSS کنټرول او ارزښت لارښودونو په کارولو سره کوچني ټیکونه وکړو.
محلي اسناد
زموږ د اسنادو چلول په محلي توګه د هوګو کارولو ته اړتیا لري، کوم چې د Hugo-bin npm کڅوړې له لارې نصب کیږي. هوګو یو په زړه پوری ګړندی او کافي توزیع کیدونکی جامد سایټ جنراتور دی چې موږ ته چمتو کوي: لومړني شامل دي ، د مارک ډاون پراساس فایلونه ، ټیمپلیټونه او نور ډیر څه. دلته د پیل کولو څرنګوالی دی:
- د ټولو انحصارونو نصبولو لپاره پورته د وسیلې تنظیم کولو له لارې پرمخ وړئ.
- د روټ
/bootstrap
لارښود څخه،npm run docs-serve
د کمانډ لاین کې پرمخ وړئ. - په خپل براوزر کې پرانیزئ
http://localhost:9001/
، او voilà.
د هوګو د اسنادو په لوستلو سره د کارولو په اړه نور معلومات ترلاسه کړئ .
د ستونزو حل کول
که تاسو د انحصارونو په نصبولو کې له ستونزو سره مخ شئ، د انحصار ټولې پخوانۍ نسخې غیر نصب کړئ (نړیوال او محلي). بیا، بیا چلول npm install
.