باز بدە بۆ ناوەڕۆکی سەرەکی باز بدە بۆ گەشتکردن بە دۆکیومێنتەکان
in English

ئامرازەکان دروست بکە

فێربە چۆن سکریپتەکانی npm ی لەخۆگرتووی Bootstrap بەکاربهێنیت بۆ دروستکردنی بەڵگەنامەکانمان، کۆکردنەوەی کۆدی سەرچاوە، جێبەجێکردنی تاقیکردنەوەکان و زۆر شتی تر.

لەم پەیجەدا

ڕێکخستنی ئامرازەکان

بووتستراپ سکریپتی npm بەکاردەهێنێت بۆ سیستەمی دروستکردنی. package.json ی ئێمە ڕێگەی گونجاوی لەخۆگرتووە بۆ کارکردن لەگەڵ چوارچێوەکە، لەوانە کۆکردنەوەی کۆدەکان، جێبەجێکردنی تاقیکردنەوەکان و زۆر شتی تر.

بۆ بەکارهێنانی سیستەمی دروستکردنمان و بەڕێوەبردنی بەڵگەنامەکانمان بە شێوەیەکی ناوخۆیی، پێویستت بە کۆپییەکی فایلە سەرچاوەییەکانی Bootstrap و Node دەبێت. ئەم هەنگاوانە پەیڕەو بکە و پێویستە ئامادە بیت بۆ ڕۆککردن:

  1. Node.js دابەزێنە و دایبمەزرێنە ، کە ئێمە بەکاری دەهێنین بۆ بەڕێوەبردنی وابەستەییەکانمان.
  2. یان سەرچاوەکانی Bootstrap دابەزێنە یان کۆگای Bootstrap بکە .
  3. بچۆ بۆ /bootstrapبەڕێوەبەرایەتی ڕەگ و ڕابکە npm installبۆ دامەزراندنی وابەستە ناوخۆییەکانمان کە لە package.json دا هاتووە .

کاتێک تەواو بوویت، دەتوانیت ئەو فرمانە جۆراوجۆرانە جێبەجێ بکەیت کە لە هێڵی فەرمانەکەوە پێشکەش کراون.

بەکارهێنانی سکریپتی npm

package.json ی ئێمە چەندین ئەرکی تێدایە بۆ پەرەپێدانی پڕۆژەکە. ڕاکردن npm runبۆ بینینی هەموو سکریپتەکانی npm لە تێرمیناڵەکەتدا. ئەرکە سەرەتاییەکان بریتین لە:

ئەرک وەسف
npm start CSS و JavaScript کۆدەکاتەوە و بەڵگەنامەکان دروست دەکات و سێرڤەرێکی ناوخۆیی دەستپێدەکات.
npm run dist dist/بەڕێوەبەرایەتییەکە بە فایلە کۆکراوەکان دروست دەکات . پێویستی بە Sass و Autoprefixer و terser هەیە .
npm test دوای ڕاکردن تاقیکردنەوەکان بە شێوەی ناوخۆیی ئەنجام دەداتnpm run dist
npm run docs-serve بەڵگەنامەکان بە شێوەیەکی ناوخۆیی دروست دەکات و بەڕێوەی دەبات.
دەست بکە بە Bootstrap لە ڕێگەی npm لەگەڵ پڕۆژەی دەستپێکەکەمان! سەردانی کۆگای قاڵبی twbs/bootstrap-npm-starter بکە بۆ ئەوەی بزانیت چۆن Bootstrap لە پرۆژەی npm ی خۆتدا دروست بکەیت و خۆکارانە بکەیت. کۆمپایەری Sass و Autoprefixer و Stylelint و PurgeCSS و Bootstrap Icons لەخۆدەگرێت.

ساس

بووتستراپ دارت ساس بەکاردەهێنێت بۆ کۆکردنەوەی فایلە سەرچاوەییەکانی ساسمان بۆ ناو پەڕگەکانی CSS (لە پرۆسەی دروستکردنماندا هاتووە)، و پێشنیار دەکەین هەمان شت بکەیت ئەگەر ساس بە بەکارهێنانی بۆری سەروەت و سامانی خۆت کۆبکەیتەوە. پێشتر ئێمە Node Sassمان بۆ Bootstrap v4 بەکارهێناوە، بەڵام LibSass و ئەو پاکێجانەی کە لەسەری دروستکراون، لەنێویاندا Node Sass، ئێستا بەکارنەهێنراون .

دارت ساس وردبینی 10 بەکاردەهێنێت و لەبەر هۆکاری کارایی ڕێگە بە ڕێکخستنی ئەم بەهایە نادات. ئێمە ئەم وردبینییە لە کاتی پرۆسێسکردنی زیاتری CSS دروستکراوەکەماندا کەم ناکەینەوە، وەک لە کاتی بچووککردنەوەدا، بەڵام ئەگەر تۆ ئەوەت هەڵبژارد پێشنیار دەکەین وردبینییەک بەلایەنی کەمەوە ٦ بپارێزیت بۆ ڕێگریکردن لە کێشەکان لەگەڵ گەورەکردنی وێبگەڕ.

پێشگرێکی خۆکار

Bootstrap Autoprefixer بەکاردەهێنێت (لە پرۆسەی دروستکردنەکەماندا هەیە) بۆ زیادکردنی پێشگرەکانی فرۆشیار بە شێوەیەکی ئۆتۆماتیکی بۆ هەندێک تایبەتمەندی CSS لە کاتی دروستکردندا. بەم کارە کات و کۆدمان بۆ پاشەکەوت دەکات بە ڕێگەمان پێدەدات بەشە سەرەکییەکانی CSS ـمان یەک جار بنووسین لە هەمان کاتدا پێویستی بە میکسینەکانی فرۆشیار وەک ئەوانەی لە v3 دا دەبینرێن نامێنێت.

ئێمە لیستی ئەو وێبگەڕانەی کە لە ڕێگەی Autoprefixer پشتگیری دەکرێن لە فایلێکی جیاوازدا لەناو کۆگای GitHub ـماندا دەپارێزین. بۆ زانیاری زیاتر سەیری .browserslistrc بکە.

RTLCSS

بووتستراپ RTLCSS بەکاردەهێنێت بۆ پرۆسێسکردنی CSSی کۆکراوە و گۆڕینی بۆ RTL – لە بنەڕەتدا تایبەتمەندییە ئاگادارەکانی ئاراستەی ئاسۆیی (بۆ نموونە padding-left) بە پێچەوانەکەی دەگۆڕێت. ڕێگەمان پێدەدات تەنها یەک جار CSS ـەکەمان بنووسین و تویکێکی بچووک بکەین بە بەکارهێنانی ڕێنماییەکانی کۆنترۆڵ و بەهای RTLCSS .

بەڵگەنامەی ناوخۆیی

بەڕێوەبردنی بەڵگەنامەکانمان بە شێوەیەکی ناوخۆیی پێویستی بە بەکارهێنانی Hugo هەیە، کە لە ڕێگەی پاکێجی hugo-bin npm دامەزراوە. هوگۆ مۆلیدەی سایتی ئیستاتیکی خێرا و تەواو فراوانترە کە ئێمە دابین دەکات: بنەڕەتی لەخۆدەگرێت، فایلەکانی بنەمای مارکداون، قاڵبەکان و زۆر شتی تر. لێرەدا چۆنێتی دەستپێکردنی دەخەینەڕوو:

  1. بۆ دامەزراندنی هەموو وابەستەییەکان لە ڕێگەی ڕێکخستنی ئامرازەکانی سەرەوەدا جێبەجێ بکە.
  2. /bootstrapلە ناوەڕۆکی ڕەگەوە npm run docs-serveلە هێڵی فەرمانەکاندا جێبەجێ بکە.
  3. http://localhost:9001/لە وێبگەڕەکەتدا بکەرەوە، و voilà .

زیاتر بزانە دەربارەی بەکارهێنانی هوگۆ بە خوێندنەوەی بەڵگەنامەکانی .

به‌ده‌رخستنی هه‌ڵه‌و چاككردنه‌وه‌ی

ئەگەر تووشی کێشە بوویت لە دامەزراندنی وابەستەییەکان، هەموو وەشانی وابەستەیی پێشوو (جیهانی و ناوخۆیی) هەڵبگرە. پاشان، دووبارە جێبەجێکردنەوە npm install.