Source

Gurallary gurmak

Resminamalarymyzy gurmak, deslapky kody düzmek, synaglary geçirmek we başgalar üçin Bootstrap-yň goşulan npm skriptlerini nähili ulanmalydygyny öwreniň.

Gural gurmak

“ Bootstrap ” gurmak ulgamy üçin NPM skriptlerini ulanýar. Package.json , çarçuwa bilen işlemek üçin amatly usullary, şol sanda kod düzmek, synag synaglary we ş.m. öz içine alýar .

Gurluşyk ulgamymyzy ulanmak we resminamalarymyzy ýerli derejede işletmek üçin Bootstrap-yň deslapky faýllarynyň we düwünleriniň bir nusgasy gerek bolar. Bu ädimleri ýerine ýetiriň we daşlaşmaga taýyn bolmaly:

  1. Baglylyklarymyzy dolandyrmak üçin ulanýan Node.js-i göçürip alyň .
  2. /bootstrapKök katalogyna geçiň we package.jsonnpm install -da görkezilen ýerli garaşlylyklarymyzy gurmak üçin işlediň .
  3. Ruby guruň , Bundler bilen guruň gem install bundlerwe ahyrynda işlediň bundle install. Bu, Jekyll we pluginler ýaly ähli Ruby baglylyklaryny gurar.
    • Windows ulanyjylary: Jekyll-y işletmek we kynçylyksyz işlemek üçin şu gollanmany okaň .

Gutaransoň, buýruk setirinden berlen dürli buýruklary işledip bilersiňiz.

NPM skriptlerini ulanmak

Package.json aşakdaky buýruklary we meseleleri öz içine alýar :

Wezipe Düşündiriş
npm run dist npm run dist/distdüzülen faýllar bilen katalogy döredýär . Sass , Autoprefixer we UglifyJS ulanýar .
npm test Mundan npm run distbaşga-da, ýerli synaglary geçirýär
npm run docs Dokumentler üçin CSS we JavaScript gurýar we çyzýar. Soňra resminamalary ýerli görnüşde işledip bilersiňiz npm run docs-serve.

npm runNpm skriptleriniň hemmesini görmek üçin ylgaň .

Awtofrefikser

“ Bootstrap ” “ Autoprefixer ” -i (gurluşyk işimize girýär) satyjy prefikslerini gurmak wagtynda käbir CSS häsiýetlerine awtomatiki goşmak üçin ulanýar. Şeýle etmek, vS-de tapylanlar ýaly satyjy garyndylara bolan zerurlygy aradan aýyrmak bilen CSS-iň esasy böleklerini bir gezek ýazmaga mümkinçilik bermek bilen wagt we kod tygşytlaýar.

Autoprefixer arkaly goldanýan brauzerleriň sanawyny GitHub ammarymyzdaky aýratyn faýlda saklaýarys. Jikme-jiklikler üçin /.browserslistrc serediň .

Localerli resminamalar

Resminamalarymyzy ýerli derejede işletmek, bize üpjün edýän, çeýe çeýe statik saýt generatory Jekyll-dan peýdalanmagy talap edýär: esasy, Markdown esasly faýllar, şablonlar we ş.m. Ine, nädip başlamaly:

  1. Jekyll (sahypa gurujy) we beýleki Ruby baglylyklaryny gurmak üçin ýokardaky gurallar gurnamasyndan işlediň bundle install.
  2. Kök katalogyndan buýruk setirinde /bootstrapişlediň .npm run docs-serve
  3. http://localhost:9001Brauzeriňizde açyň we voilà.

Jekyll resminamalaryny okamak bilen has giňişleýin öwreniň .

Näsazlyklary düzeltmek

Baglylyklary gurmak bilen baglanyşykly kynçylyklar bilen ýüzbe-ýüz bolsaňyz, öňki garaşlylyk wersiýalaryny (global we ýerli) aýyryň. Soňra täzeden işlediň npm install.