د وسایلو جوړول

زموږ د اسنادو جوړولو لپاره د بوټسټریپ شامل شوي 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`	په محلي توګه اسناد جوړوي او چلوي.

زموږ د سټارټر پروژې سره د npm له لارې د بوټسټریپ سره پیل وکړئ! د twbs/bootstrap-npm-starter ټیمپلیټ ذخیره ته لاړشئ ترڅو وګورئ چې څنګه په خپله npm پروژه کې بوټسټریپ رامینځته او تنظیم کړئ. د ساس کمپیلر، آټوپریفیکسر، سټایلینټ، پرج سی ایس ایس، او بوټسټریپ شبیه شامل دي.

ساس

بوټسټراپ د سی ایس ایس فایلونو کې زموږ د ساس سرچینې فایلونو تالیف کولو لپاره ډارټ ساس کاروي (زموږ د جوړونې پروسې کې شامل دي) ، او موږ وړاندیز کوو چې تاسو ورته کار وکړئ که تاسو د خپلې شتمنۍ پایپ لاین په کارولو سره ساس تالیف کوئ. موږ دمخه د بوټسټریپ 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.