Կառուցեք գործիքներ
Իմացեք, թե ինչպես օգտագործել Bootstrap-ի ընդգրկված npm սկրիպտները՝ մեր փաստաթղթերը ստեղծելու, սկզբնաղբյուրը կազմելու, թեստերն իրականացնելու և այլնի համար:
Գործիքների տեղադրում
Bootstrap-ն օգտագործում է NPM սկրիպտներ իր կառուցման համակարգի համար: Մեր package.json- ը ներառում է շրջանակի հետ աշխատելու հարմար մեթոդներ, այդ թվում՝ կոդ կազմելը, թեստերը և այլն:
Մեր կառուցման համակարգը օգտագործելու և մեր փաստաթղթերը տեղում գործարկելու համար ձեզ հարկավոր է Bootstrap-ի սկզբնաղբյուր ֆայլերի և Node-ի պատճենը: Հետևեք այս քայլերին և պետք է պատրաստ լինեք ռոքի.
- Ներբեռնեք և տեղադրեք Node.js- ը, որը մենք օգտագործում ենք մեր կախվածությունները կառավարելու համար:
- Նավարկեք դեպի արմատային
/bootstrap
գրացուցակ և գործարկեքnpm install
՝ տեղադրելու մեր տեղական կախվածությունները, որոնք նշված են package.json- ում : - Տեղադրեք Ruby- ը, տեղադրեք Bundler- ը
gem install bundler
և վերջապես գործարկեքbundle install
: Սա կտեղադրի Ruby-ի բոլոր կախվածությունները, ինչպիսիք են Jekyll-ը և հավելումները:- Windows-ի օգտատերեր. Կարդացեք այս ուղեցույցը ՝ Jekyll-ը առանց խնդիրների գործարկելու համար:
Ավարտելուց հետո դուք կկարողանաք գործարկել հրամանի տողից տրամադրված տարբեր հրամաններ:
Օգտագործելով 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 սցենարները:
Ավտոնախդիր
Bootstrap-ն օգտագործում է Autoprefixer (ներառված է մեր կառուցման գործընթացում)՝ կառուցման պահին վաճառողի նախածանցները որոշ CSS հատկություններին ավտոմատ կերպով ավելացնելու համար: Դրանով մենք խնայում ենք մեզ ժամանակ և կոդը՝ թույլ տալով մեզ գրել մեր CSS-ի հիմնական մասերը մեկ անգամ՝ միաժամանակ վերացնելով վաճառողների միքսների կարիքը, ինչպիսիք են v3-ում:
We maintain the list of browsers supported through Autoprefixer in a separate file within our GitHub repository. See /.browserslistrc for details.
Local documentation
Running our documentation locally requires the use of Jekyll, a decently flexible static site generator that provides us: basic includes, Markdown-based files, templates, and more. Here’s how to get it started:
- Run through the tooling setup above to install Jekyll (the site builder) and other Ruby dependencies with
bundle install
. - From the root
/bootstrap
directory, runnpm run docs-serve
in the command line. - Open
http://localhost:9001
in your browser, and voilà.
Learn more about using Jekyll by reading its documentation.
Troubleshooting
Եթե կախվածության տեղադրման հետ կապված խնդիրների հանդիպեք, ապատեղադրեք կախվածության բոլոր նախորդ տարբերակները (գլոբալ և տեղական): Այնուհետև կրկնել npm install
: