Source

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

Իմացեք, թե ինչպես օգտագործել 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 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:

  1. Run through the tooling setup above to install Jekyll (the site builder) and other Ruby dependencies with bundle install.
  2. From the root /bootstrap directory, run npm run docs-serve in the command line.
  3. Open http://localhost:9001 in your browser, and voilà.

Learn more about using Jekyll by reading its documentation.

Troubleshooting

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