Quy

Yanapakuy Bootstrap wiñachiyta qillqaykuwan ruway scriptkuna chaymanta pruebakuna.

Kay p'anqapi

Herramientakuna churay

Bootstrap npm qillqakunata llamk'achin qillqakunata ruwanapaq chaymanta pukyuta willañiqikunata huñunapaq. Package.jsonniyku kay scriptkuna waqaychan codigo huñunapaq, pruebakuna purichinapaq chaymanta aswan. Kaykunaqa manam waqaychasqaykumanta, qillqaykumanta hawapi llamk'anapaqchu.

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:

Node.js uraykachiy chaymanta churay , mayqinwanchus llamk'achiyku dependenciayku kamachinaykupaq.
Icha Bootstrappa pukyunkunata uraykachiy utaq Bootstrappa waqaychasqa kayninta fork .
Sapsi /bootstrapwillañiqiman puriy chaymanta purichiy package.jsonnpm install kaqpi listasqa llaqta hapipakuyniyku churanapaq .

Tukuptinqa, kamachiy chirumanta qusqa imaymana kamachiykunata purichiyta atinki.

npm qillqakunata llamk’achispa

Package.json nisqaykupi achka ruwanakuna llamk'ayta wiñachinapaq kachkan. Ruway npm runllapa npm scriptkuna terminalniykipi qhawanaykipaq. Ñawpaq kaq ruwaykunan kanku:

Ruwana	Willay
`npm start`	CSS chaymanta JavaScript huñun, qillqakunata ruwan, chaymanta huk kiti sirwiq qallarichin.
`npm run dist`	`dist/`Huñusqa willañiqikunawan willañiqita ruran . Sass , Autoprefixer , terser nisqakunatam llamk'achin .
`npm test`	Ruwaymanta qhipaman pruebakunata llaqtapi purichin`npm run dist`
`npm run docs-serve`	Qillqakunata llaqtapi ruwan, purichin ima.

¡Empezar con Bootstrap vía npm con nuestro proyecto de arranque! Uma kay twbs/bootstrap-npm-starter plantilla waqaychanaman qhawanaykipaq imayna ruwayta chaymanta ruwayta Bootstrap kikin npm proyectoykipi. Sass huñuq, Autoprefixer, Stylelint, PurgeCSS chaymanta Bootstrap Iconos kaqwan.

Sass

Bootstrap Dart Sass llamk'achin Sass pukyuta willañiqiykuta CSS willañiqikunaman huñunapaq (ruray ruwayniykupi yapasqa), chaymanta yuyaychayku qamta ruwayta sichus Sass huñuchkanki kikin kaqpa pipeline kaqwan. Ñawpaqta Node Sass Bootstrap v4 kaqpaq llamk'achirqayku, ichaqa LibSass chaymanta chay patamanta ruwasqa paquetes, Node Sass kaqwan, kunan manaña llamk'achisqachu .

Dart Sass huk redondeo precisión 10 kaqmanta llamk'achin chaymanta eficiencia razonkunarayku mana kay chanin allichayta saqinchu. Mana kay chiqan ruwayta uraykachiykuchu aswan ruwaypi ruwasqayku CSS kaqmanta, kayhina pisiyachiy pachapi, ichaqa sichus chayta ruwayta akllarqanki huk chiqan kayta 6 kaqmanta aswanpas waqaychayta yuyaychayku mana sasachakuykunata maskaq muyuchiywan hark'anapaq.

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.

RTLCSS nisqa

Bootstrap RTLCSS llamk'achin huñusqa CSS ruwanapaq chaymanta RTL kaqman tikranapaq – básicamente horizontal dirección consciente propiedades kaqmanta (kayhina padding-left) contrario kaqninwan tikraspa. CSSniyku huk kutilla qillqayta saqin chaymanta uchuy allichaykunata ruwayta RTLCSS kamachiywan chanta chanin kamachiykunawan.

Llaqta qillqakuna

Qillqaykuta llaqtapi purichiyqa Hugo llamk'ayta munan, mayqinchus hugo-bin npm paquete kaqnintakama churasqa. Hugo huk llamadamente rápido y bastante extensible generador de sitio estático que nos proporciona: básicas incluye, archivos basados en Markdown, plantillas, y más. Kaypi imayna qallarinapaq:

Hawa yanapakuykuna churanawan purichiy llapa hapipakuykunata churanaykipaq.
Sapsi /bootstrapqillqana mayt'umanta, npm run docs-servekamachiy chirupi purichiy.
Navegadorniykipi kichay http://localhost:9001/, hinaspa voilà.

Hugo 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.