Source

औजार बनाना

हमरऽ दस्तावेजीकरण, स्रोत कोड संकलित, परीक्षण चलाबै, आरू बहुत कुछ लेली बूटस्ट्रैप केरऽ शामिल npm स्क्रिप्ट के उपयोग करना सीखऽ ।

टूलिंग सेटअप

बूटस्ट्रैप अपन बिल्ड सिस्टम कें लेल एनपीएम स्क्रिप्ट कें उपयोग करयत छै. हमरऽ package.json म॑ फ्रेमवर्क के साथ काम करै लेली सुविधाजनक तरीका शामिल छै, जेकरा म॑ कोड संकलन, परीक्षण चलाना, आरू बहुत कुछ शामिल छै.

हमरऽ बिल्ड सिस्टम के उपयोग करै लेली आरू हमरऽ दस्तावेजीकरण क॑ स्थानीय रूप स॑ चलाबै लेली, आपक॑ बूटस्ट्रैप केरऽ स्रोत फाइल आरू नोड केरऽ कॉपी के जरूरत होतै । एहि स्टेप के पालन करू आ अहाँ के रॉक करय लेल तैयार रहबाक चाही:

  1. Node.js डाउनलोड करू आ इंस्टॉल करू , जकर उपयोग हम अपन निर्भरताक प्रबंधन करबाक लेल करैत छी |
  2. /bootstrapरूट डायरेक्टरी मे नेविगेट करू आओर package.jsonnpm install मे सूचीबद्ध हमर स्थानीय निर्भरता केँ इंस्टॉल करबाक लेल चलाउ .
  3. रूबी इंस्टॉल करू , बंडलर के संग इंस्टॉल करू gem install bundler, आ अंततः चलाउ bundle install. एहि सँ सभ रूबी निर्भरता, जेना जेकिल आओर प्लगइन इंस्टॉल भ जाएत.
    • विंडोज उपयोगकर्ता: जेकिल कें बिना कोनों समस्या कें चालू करय कें लेल इ गाइड पढ़ूं .

पूरा भेला पर अहां कमांड लाइन सं देल गेल विभिन्न कमांड चला सकय छी.

एनपीएम लिपियों का प्रयोग

हमर package.json मे निम्नलिखित कमांड आओर टास्क शामिल अछि:

कार्य वर्णन
npm run dist npm run dist/distसंकलित फाइल कें साथ निर्देशिका बनायत छै . Sass , Autoprefixer , आओर UglifyJS क उपयोग करैत अछि .
npm test प्लस के समान npm run distई स्थानीय रूप स टेस्ट चलाबैत अछि
npm run docs डॉक्स के लेल सीएसएस आओर जावास्क्रिप्ट के निर्माण आओर लिंट करैत अछि. तखन अहाँ दस्तावेजीकरण केँ स्थानीय रूप सँ npm run docs-serve.

npm runसभ npm स्क्रिप्ट देखबाक लेल चलाउ ।

स्वतः उपसर्ग

बूटस्ट्रैप ऑटोप्रिफिक्सर (हमरऽ बिल्ड प्रक्रिया म॑ शामिल) के उपयोग करी क॑ बिल्ड समय प॑ कुछ CSS गुणऽ म॑ स्वचालित रूप स॑ विक्रेता उपसर्ग जोड़ै छै । ऐन्हऽ करला स॑ हमरा सब क॑ अपनऽ CSS केरऽ प्रमुख भाग क॑ एक बार लिखै के अनुमति मिलै के साथ समय आरू कोड के बचत होय छै जबकि v3 म॑ मिलै वाला विक्रेता मिक्सिन जैसनऽ विक्रेता मिक्सिन के जरूरत नै छै ।

हम अपन GitHub भंडार कें भीतर एकटा अलग फाइल मे ऑटोप्रिफिक्सर कें माध्यम सं समर्थित ब्राउज़र कें सूची कें रखरखाव करय छै. विवरणक लेल /package.json देखू .

स्थानीय दस्तावेजीकरण

हमरऽ दस्तावेजीकरण क॑ स्थानीय रूप स॑ चलाबै लेली जेकिल केरऽ उपयोग केरऽ आवश्यकता छै, जे एगो सभ्य रूप स॑ लचीला स्थिर साइट जनरेटर छै जे हमरा प्रदान करै छै: बेसिक शामिल छै, मार्कडाउन-आधारित फाइल, टेम्पलेट, आरू बहुत कुछ. एकरा कोना शुरू करब से एतय देल गेल अछि:

  1. जेकिल (साइट बिल्डर) आओर अन्य रूबी निर्भरता कए इंस्टॉल करबाक लेल उपरोक्त टूलिंग सेटअप क माध्यम स चलाउ bundle install.
  2. रूट डाइरेक्टरी सँ , कमांड लाइन मे /bootstrapचलाउ .npm run docs-serve
  3. http://localhost:9001अपन ब्राउज़र मे खोलू, आ voilà .

Jekyll क उपयोग क बारे मे बेसी जानू ओकर दस्तावेज पढ़ि कए .

समस्या निवारण

यदि अहां कें निर्भरता कें इंस्टॉल करय मे समस्या कें सामना करय कें चाही, त पिछला सबटा निर्भरता संस्करण (वैश्विक आ स्थानीय) कें अनइंस्टॉल करूं. तखन, पुनः चलाउ npm install.