Source

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

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

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

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

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

  1. Node.js دابەزێنە و دایبمەزرێنە ، کە ئێمە بەکاری دەهێنین بۆ بەڕێوەبردنی وابەستەییەکانمان.
  2. بچۆ بۆ /bootstrapبەڕێوەبەرایەتی ڕەگ و ڕابکە npm installبۆ دامەزراندنی وابەستە ناوخۆییەکانمان کە لە package.json دا هاتووە .
  3. Ruby دابمەزرێنە و Bundler بە دابمەزرێنە gem install bundlerو لە کۆتاییدا جێبەجێی بکە bundle install. بەم شێوەیە هەموو وابەستەییەکانی Ruby دادەمەزرێت، وەک Jekyll و پێوەکراوەکان.
    • بەکارهێنەرانی ویندۆز: ئەم ڕێنماییە بخوێنەرەوە بۆ ئەوەی Jekyll بەبێ کێشە کار بکات.

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

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

package.json ی ئێمە ئەم فرمان و ئەرکانەی خوارەوە لەخۆدەگرێت:

ئەرک وەسف
npm run dist npm run dist/distبەڕێوەبەرایەتییەکە بە فایلە کۆکراوەکان دروست دەکات . Sass و Autoprefixer و UglifyJS بەکاردەهێنێت .
npm test هەمان شت کە npm run distپڵەس تاقیکردنەوەکان بە شێوەی ناوخۆیی ئەنجام دەدات
npm run docs CSS و JavaScript بۆ docs دروست دەکات و لینت دەکات. پاشان دەتوانیت بەڵگەنامەکان بە شێوەیەکی ناوخۆیی لە ڕێگەی npm run docs-serve.

ڕاکردن npm runبۆ بینینی هەموو سکریپتەکانی npm.

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

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

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

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

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

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

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

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

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