መሣሪያዎችን ይገንቡ

የእኛን ሰነድ ለመገንባት፣ የምንጭ ኮድ ለማጠናቀር፣ ሙከራዎችን ለማስኬድ እና ሌሎችንም ለመስራት የ Bootstrapን የተካተቱ npm ስክሪፕቶችን እንዴት መጠቀም እንዳለብን ይወቁ።

የመሳሪያ ዝግጅት

Bootstrap ለግንባታ ስርዓቱ የ npm ስክሪፕቶችን ይጠቀማል ። የኛ ፓኬጅ. json ከማዕቀፉ ጋር ለመስራት ምቹ ዘዴዎችን ያካትታል ኮድ ማጠናቀር፣ ሙከራዎችን ማስኬድ እና ሌሎችንም ያካትታል።

የግንባታ ስርዓታችንን ለመጠቀም እና ሰነዶቻችንን በአገር ውስጥ ለማስኬድ የBootstrap የምንጭ ፋይሎች እና መስቀለኛ መንገድ ቅጂ ያስፈልግዎታል። እነዚህን ቅደም ተከተሎች ይከተሉ እና ለመወዝወዝ ዝግጁ መሆን አለብዎት:

1. የእኛን ጥገኝነቶች ለማስተዳደር የምንጠቀመው Node.js ያውርዱ እና ይጫኑ ።
2. ወደ ስርወ /bootstrapማውጫው ይሂዱ እና በጥቅልnpm install ውስጥ የተዘረዘሩትን የአካባቢያችንን ጥገኞች ለመጫን ያሂዱ ።
3. Ruby ን ይጫኑ፣ Bundler ን በ ጋር ይጫኑ gem install bundlerእና በመጨረሻ ያሂዱ bundle install። ይህ እንደ Jekyll እና ተሰኪዎች ያሉ ሁሉንም የሩቢ ጥገኛዎች ይጭናል።
   • የዊንዶውስ ተጠቃሚዎች ፡ ጄኪልን ያለችግር እንዲሰራ እና እንዲሰራ ለማድረግ ይህንን መመሪያ ያንብቡ ።

ሲጨርሱ ከትዕዛዝ መስመሩ የተሰጡ የተለያዩ ትዕዛዞችን ማስኬድ ይችላሉ።

npm ስክሪፕቶችን በመጠቀም

Our package.json የሚከተሉትን ትዕዛዞች እና ተግባሮች ያካትታል:

npm runሁሉንም npm ስክሪፕቶች ለማየት ሩጡ ።

ራስ-ቅጥያ

ቡትስትራፕ በግንባታ ጊዜ ለአንዳንድ የሲኤስኤስ ንብረቶች የአቅራቢ ቅድመ ቅጥያዎችን በራስሰር ለመጨመር (በእኛ የግንባታ ሂደት ውስጥ የተካተተ) ይጠቀማል። ይህን ማድረጋችን የ CSSችንን ቁልፍ ክፍሎች በአንድ ጊዜ እንድንጽፍ በመፍቀድ ጊዜን እና ኮድን ይቆጥባል እንዲሁም በ v3 ላይ የሚገኙትን የአቅራቢዎች ድብልቅን አስፈላጊነት በማስወገድ።

በAutoprefixer በኩል የሚደገፉትን የአሳሾች ዝርዝር በ GitHub ማከማቻችን ውስጥ በተለየ ፋይል ውስጥ እናስቀምጣለን። ለዝርዝሮች .browserslistrc ን ይመልከቱ።

የአካባቢ ሰነዶች

ሰነዶቻችንን በአገር ውስጥ ማስኬድ Jekyllን መጠቀምን ይጠይቃል፣ በጨዋነት የሚለዋወጥ የማይንቀሳቀስ ጣቢያ ጄኔሬተር የሚሰጠን፡ መሰረታዊ የሚያጠቃልለው፣ Markdown ላይ የተመሰረቱ ፋይሎችን፣ አብነቶችን እና ሌሎችም። እንዴት እንደሚጀመር እነሆ፡-

1. Jekyllን (የጣቢያውን ሰሪውን) እና ሌሎች የሩቢ ጥገኞችን ለመጫን ከዚህ በላይ ባለው የመሳሪያ ዝግጅት ያሂዱ bundle install።
2. ከስር /bootstrapማውጫው, npm run docs-serveበትእዛዝ መስመር ውስጥ ያሂዱ.
3. http://localhost:9001በአሳሽዎ ውስጥ ይክፈቱ እና voilà።

ሰነዶቹን በማንበብ ጄኪልን ስለመጠቀም የበለጠ ይረዱ ።

ችግርመፍቻ

ጥገኞችን በመጫን ላይ ችግሮች ካጋጠሙዎት ሁሉንም የቀድሞ የጥገኝነት ስሪቶች (ዓለም አቀፍ እና አካባቢያዊ) ያራግፉ። ከዚያ እንደገና ያሂዱ npm install።