ئامرازەکان دروست بکە
فێربە چۆن سکریپتەکانی npm ی لەخۆگرتووی Bootstrap بەکاربهێنیت بۆ دروستکردنی بەڵگەنامەکانمان، کۆکردنەوەی کۆدی سەرچاوە، جێبەجێکردنی تاقیکردنەوەکان و زۆر شتی تر.
بووتستراپ سکریپتی NPM بۆ سیستەمی دروستکردنی خۆی بەکاردەهێنێت. package.json ی ئێمە ڕێگەی گونجاو لەخۆدەگرێت بۆ کارکردن لەگەڵ چوارچێوەکە، لەوانە کۆکردنەوەی کۆدەکان، جێبەجێکردنی تاقیکردنەوەکان و زۆر شتی تر.
بۆ بەکارهێنانی سیستەمی دروستکردنمان و بەڕێوەبردنی بەڵگەنامەکانمان بە شێوەیەکی ناوخۆیی، پێویستت بە کۆپییەکی فایلە سەرچاوەییەکانی Bootstrap و Node دەبێت. ئەم هەنگاوانە پەیڕەو بکە و پێویستە ئامادە بیت بۆ ڕۆککردن:
- Node.js دابەزێنە و دایبمەزرێنە ، کە ئێمە بەکاری دەهێنین بۆ بەڕێوەبردنی وابەستەییەکانمان.
- بچۆ بۆ
/bootstrap
بەڕێوەبەرایەتی ڕەگ و ڕابکەnpm install
بۆ دامەزراندنی وابەستە ناوخۆییەکانمان کە لە package.json دا هاتووە . - Ruby دابمەزرێنە و Bundler بە دابمەزرێنە
gem install bundler
و لە کۆتاییدا جێبەجێی بکەbundle install
. بەم شێوەیە هەموو وابەستەییەکانی Ruby دادەمەزرێت، وەک Jekyll و پێوەکراوەکان.- بەکارهێنەرانی ویندۆز: ئەم ڕێنماییە بخوێنەرەوە بۆ ئەوەی Jekyll بەبێ کێشە کار بکات.
کاتێک تەواو بوویت، دەتوانیت ئەو فرمانە جۆراوجۆرانە جێبەجێ بکەیت کە لە هێڵی فەرمانەکەوە پێشکەش کراون.
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 هەیە، مۆلیدەی سایتی ئیستاتیکی نەرم و نیان کە ئێمە دابین دەکات: بنەڕەتی لەخۆدەگرێت، فایلەکانی بنەمادار بە مارکداون، قاڵبەکان و زۆر شتی تر. لێرەدا چۆنێتی دەستپێکردنی دەخەینەڕوو:
- لە ڕێگەی ڕێکخستنی ئامرازەکانی سەرەوەدا ڕابکە بۆ دامەزراندنی Jekyll (دروستکەری ماڵپەڕ) و وابەستەییەکانی تری Ruby بە
bundle install
. /bootstrap
لە ناوەڕۆکی ڕەگەوەnpm run docs-serve
لە هێڵی فەرمانەکاندا جێبەجێ بکە.http://localhost:9001
لە وێبگەڕەکەتدا بکەرەوە، و voilà .
زیاتر بزانە دەربارەی بەکارهێنانی Jekyll بە خوێندنەوەی بەڵگەنامەکانی .
ئەگەر تووشی کێشە بوویت لە دامەزراندنی وابەستەییەکان، هەموو وەشانی وابەستەیی پێشوو (جیهانی و ناوخۆیی) هەڵبگرە. پاشان، دووبارە جێبەجێکردنەوە npm install
.