Source

సాధనాలను నిర్మించండి

మా డాక్యుమెంటేషన్‌ను రూపొందించడానికి, సోర్స్ కోడ్‌ను కంపైల్ చేయడానికి, పరీక్షలను అమలు చేయడానికి మరియు మరిన్నింటికి బూట్‌స్ట్రాప్‌లో చేర్చబడిన npm స్క్రిప్ట్‌లను ఎలా ఉపయోగించాలో తెలుసుకోండి.

టూలింగ్ సెటప్

బూట్‌స్ట్రాప్ దాని బిల్డ్ సిస్టమ్ కోసం NPM స్క్రిప్ట్‌లను ఉపయోగిస్తుంది. కోడ్‌ను కంపైల్ చేయడం, రన్నింగ్ పరీక్షలు మరియు మరిన్నింటితో సహా ఫ్రేమ్‌వర్క్‌తో పని చేయడానికి మా ప్యాకేజీ .json అనుకూలమైన పద్ధతులను కలిగి ఉంది.

మా బిల్డ్ సిస్టమ్‌ను ఉపయోగించడానికి మరియు మా డాక్యుమెంటేషన్‌ను స్థానికంగా అమలు చేయడానికి, మీకు బూట్‌స్ట్రాప్ యొక్క సోర్స్ ఫైల్‌లు మరియు నోడ్ కాపీ అవసరం. ఈ దశలను అనుసరించండి మరియు మీరు రాక్ చేయడానికి సిద్ధంగా ఉండాలి:

  1. మేము మా డిపెండెన్సీలను నిర్వహించడానికి ఉపయోగించే Node.jsని డౌన్‌లోడ్ చేసి, ఇన్‌స్టాల్ చేయండి .
  2. /bootstrapరూట్ డైరెక్టరీకి నావిగేట్ చేయండి మరియు ప్యాకేజీnpm install .json లో జాబితా చేయబడిన మా స్థానిక డిపెండెన్సీలను ఇన్‌స్టాల్ చేయడానికి అమలు చేయండి .
  3. రూబీని ఇన్‌స్టాల్ చేయండి, బండ్లర్‌తో ఇన్‌స్టాల్gem install bundler చేయండి మరియు చివరకు రన్ చేయండి bundle install. ఇది జెకిల్ మరియు ప్లగిన్‌ల వంటి అన్ని రూబీ డిపెండెన్సీలను ఇన్‌స్టాల్ చేస్తుంది.
    • Windows వినియోగదారులు: సమస్యలు లేకుండా జెకిల్‌ని పొందడానికి మరియు అమలు చేయడానికి ఈ గైడ్‌ని చదవండి .

పూర్తయినప్పుడు, మీరు కమాండ్ లైన్ నుండి అందించిన వివిధ ఆదేశాలను అమలు చేయగలరు.

NPM స్క్రిప్ట్‌లను ఉపయోగించడం

మా package.json కింది ఆదేశాలు మరియు టాస్క్‌లను కలిగి ఉంటుంది:

టాస్క్ వివరణ
npm run dist npm run dist/distకంపైల్ చేసిన ఫైళ్ళతో డైరెక్టరీని సృష్టిస్తుంది . Sass , Autoprefixer మరియు UglifyJSని ఉపయోగిస్తుంది .
npm test అదే npm run distప్లస్ ఇది స్థానికంగా పరీక్షలను నిర్వహిస్తుంది
npm run docs డాక్స్ కోసం CSS మరియు JavaScriptని బిల్డ్ చేస్తుంది మరియు లింట్ చేస్తుంది. మీరు ద్వారా డాక్యుమెంటేషన్‌ను స్థానికంగా అమలు చేయవచ్చు npm run docs-serve.

npm runఅన్ని npm స్క్రిప్ట్‌లను చూడటానికి రన్ చేయండి.

ఆటోప్రిఫిక్సర్

బిల్డ్ సమయంలో కొన్ని CSS లక్షణాలకు స్వయంచాలకంగా విక్రేత ప్రిఫిక్స్‌లను జోడించడానికి బూట్‌స్ట్రాప్ Autoprefixer (మా బిల్డ్ ప్రాసెస్‌లో చేర్చబడింది) ఉపయోగిస్తుంది. అలా చేయడం వల్ల v3లో కనిపించే వాటి వంటి వెండర్ మిక్సిన్‌ల అవసరాన్ని తొలగిస్తూ మన CSS యొక్క కీలక భాగాలను ఒకే సారి వ్రాయడానికి అనుమతించడం ద్వారా మాకు సమయం మరియు కోడ్ ఆదా అవుతుంది.

మేము మా GitHub రిపోజిటరీలోని ప్రత్యేక ఫైల్‌లో Autoprefixer ద్వారా మద్దతు ఇచ్చే బ్రౌజర్‌ల జాబితాను నిర్వహిస్తాము. వివరాల కోసం /package.json చూడండి .

స్థానిక డాక్యుమెంటేషన్

మా డాక్యుమెంటేషన్‌ను స్థానికంగా అమలు చేయడానికి జెకిల్‌ను ఉపయోగించడం అవసరం, ఇది మాకు అందించే ఒక మంచి అనువైన స్టాటిక్ సైట్ జనరేటర్: ప్రాథమికమైనవి, మార్క్‌డౌన్ ఆధారిత ఫైల్‌లు, టెంప్లేట్‌లు మరియు మరిన్ని. దీన్ని ఎలా ప్రారంభించాలో ఇక్కడ ఉంది:

  1. తో జెకిల్ (సైట్ బిల్డర్) మరియు ఇతర రూబీ డిపెండెన్సీలను ఇన్‌స్టాల్ చేయడానికి పైన ఉన్న టూలింగ్ సెటప్ ద్వారా అమలు చేయండి bundle install.
  2. రూట్ /bootstrapడైరెక్టరీ నుండి, npm run docs-serveకమాండ్ లైన్‌లో అమలు చేయండి.
  3. మీ బ్రౌజర్‌లో తెరవండి http://localhost:9001మరియు voilà.

జెకిల్‌ని ఉపయోగించడం గురించి దాని డాక్యుమెంటేషన్ చదవడం ద్వారా మరింత తెలుసుకోండి .

సమస్య పరిష్కరించు

డిపెండెన్సీలను ఇన్‌స్టాల్ చేయడంలో మీకు సమస్యలు ఎదురైతే, మునుపటి డిపెండెన్సీ వెర్షన్‌లన్నింటినీ (గ్లోబల్ మరియు లోకల్) అన్‌ఇన్‌స్టాల్ చేయండి. అప్పుడు, మళ్లీ అమలు చేయండి npm install.