Source

Herramientas nisqakunata hatarichiy

Yachay imayna Bootstrap kaqpa churasqa npm scriptkuna llamk'achiyta qillqayku ruwanapaq, pukyuta huñunapaq, pruebakuna purichinapaq chaymanta aswan.

Herramientakuna churay

Bootstrap npm qillqakunata ruwana sistemanpaq llamk'achin. Package.jsonniykuqa allin ñankuna marco kaqwan llamk'anapaq kachkan, chaymanta codigo huñuy, pruebakuna purichiy chaymanta aswan.

Ruway sistemaykuta llamk'achinapaq chaymanta qillqayku kitipi purichinapaq, huk Bootstrap pukyuta willañiqikuna chaymanta Node kaqmanta huk copiata necesitanki. Kay ruwaykunata qatiy chaymanta listo kanayki tiyan kuyuchinaykipaq:

  1. Node.js uraykachiy chaymanta churay , mayqinwanchus llamk'achiyku dependenciayku kamachinaykupaq.
  2. Sapsi /bootstrapwillañiqiman puriy chaymanta purichiy package.jsonnpm install kaqpi listasqa llaqta hapipakuyniyku churanapaq .
  3. Rubyta churay , Bundler nisqawan churay gem install bundler, chaymanta tukukuypi purichiy bundle install. Kayqa llapa Ruby hapirinakunata churanqa, ahinataq Jekyll chaymanta plugins.
    • Windows kaqmanta llamkaqkuna: Kay yanapakuyta ñawiriy Jekyll mana sasachakuyniyuq llamk'achinapaq.

Tukuptinqa, kamachiy chirumanta qusqa imaymana kamachiykunata purichiyta atinki.

npm qillqakunata llamk’achispa

Package.json nisqaykupi kay kamachiykuna chaymanta ruwanakuna kachkan:

Ruwana Willay
npm run dist npm run dist/dist/huñusqa willañiqikunawan willañiqita ruwan . Sass , Autoprefixer , UglifyJS nisqakunatam llamk'achin .
npm test Kikin npm run distplus chaymi pruebakunata localmente purichin
npm run docs CSS chaymanta JavaScript docs kaqpaq ruwan chaymanta lints ruwan. Chaymantaqa qillqakunata llaqtapi purichiyta atinki npm run docs-serve.

Ruway npm runllapa npm qillqakunata qhawanaykipaq.

Kikinmanta rimaq

Bootstrap Autoprefixer kaqwan (ruray ruwayniykupi yapasqa) llamk'achin kikinmanta ranqhaq ñawpaqninkuna wakin CSS kaqninkunaman ruwana pachapi yapananpaq. Chayta ruwayqa pachata chaymanta codigota waqaychan huk kutillapi CSSniykumanta llave partekuna qillqayta saqispa chaymanta v3 kaqpi tarisqa hina ranqhaq mixins necesidadta chinkachispa.

Autoprefixer kaqnintakama yanapasqa maskaqpa lista kaqninta huk sapaq willakuypi GitHub waqaychasqayku ukhupi waqaychayku. .browserslistrc nisqapi qhaway sut'inchaykunapaq.

Llaqta qillqakuna

Documentacionniyku localpi purichiyqa Jekyll llamk'ayta munan, huk decentemente flexible sitio estático generador kaqmanta chaymanta quwanchik: básicas incluyes, archivokuna Markdown-manta ruwasqa, plantillas chaymanta aswan. Kaypi imayna qallarinapaq:

  1. Hawa llamkanakuna churanawan purichiy Jekyll (siti ruwaq) chaymanta wak Ruby hapirinakuna kaqwan churanapaq bundle install.
  2. Sapsi /bootstrapqillqana mayt'umanta, npm run docs-servekamachiy chirupi purichiy.
  3. Navegadorniykipi kichay http://localhost:9001, hinaspa voilà.

Jekyll llamk'achiyta astawan yachay qillqankunata ñawirispa .

Sasachakuykunata allichay

Sichus sasachakuykunawan tupanki hapirinakuna churaypi, llapa ñawpaq hapirina layakunata (tukuy pacha chaymanta kiti) chinkachiy. Chaymanta, yapamanta purichiy npm install.