Կառուցեք գործիքներ

Իմացեք, թե ինչպես օգտագործել Bootstrap-ի ընդգրկված 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-ը և հավելումները:
   • Windows-ի օգտատերեր. Կարդացեք այս ուղեցույցը ՝ Jekyll-ը առանց խնդիրների գործարկելու համար:

Ավարտելուց հետո դուք կկարողանաք գործարկել հրամանի տողից տրամադրված տարբեր հրամաններ:

Օգտագործելով npm սցենարներ

Մեր package.json- ը ներառում է հետևյալ հրամաններն ու առաջադրանքները.

Գործարկեք npm run՝ տեսնելու բոլոր npm սցենարները:

Ավտոնախդիր

Bootstrap-ն օգտագործում է Autoprefixer (ներառված է մեր կառուցման գործընթացում)՝ կառուցման պահին վաճառողի նախածանցները որոշ CSS հատկություններին ավտոմատ կերպով ավելացնելու համար: Դրանով մենք խնայում ենք մեզ ժամանակ և կոդը՝ թույլ տալով մեզ գրել մեր CSS-ի հիմնական մասերը մեկ անգամ՝ միաժամանակ վերացնելով վաճառողների միքսների կարիքը, ինչպիսիք են v3-ում:

Մենք պահպանում ենք Autoprefixer-ի միջոցով աջակցվող բրաուզերների ցանկը առանձին ֆայլում մեր GitHub պահեստում: Մանրամասների համար տե՛ս .browserslistrc :

Տեղական փաստաթղթեր

Մեր փաստաթղթերը լոկալ գործարկելու համար պահանջվում է Jekyll-ի օգտագործումը՝ պարկեշտորեն ճկուն ստատիկ կայքի գեներատոր, որը տրամադրում է մեզ՝ հիմնական ներառումներ, Markdown-ի վրա հիմնված ֆայլեր, կաղապարներ և այլն: Ահա թե ինչպես սկսել այն.

1. Անցեք վերը նշված գործիքների կարգավորումը ՝ Jekyll-ը (կայքի ստեղծող) և Ruby-ի այլ կախվածությունները տեղադրելու համար bundle install:
2. Արմատային /bootstrapգրացուցակից գործարկեք npm run docs-serveհրամանի տողում:
3. Բացեք http://localhost:9001ձեր բրաուզերում և voilà:

Իմացեք ավելին Jekyll-ի օգտագործման մասին՝ կարդալով դրա փաստաթղթերը :

Անսարքությունների վերացում

Եթե ​​կախվածության տեղադրման հետ կապված խնդիրների հանդիպեք, ապատեղադրեք կախվածության բոլոր նախորդ տարբերակները (գլոբալ և տեղական): Այնուհետև կրկնել npm install: