Source

Tog innealan

Ionnsaich mar a chleachdas tu na sgriobtaichean npm aig Bootstrap gus na sgrìobhainnean againn a thogail, còd stòr a chuir ri chèile, deuchainnean a ruith, agus barrachd.

Suidheachadh innealan

Bidh Bootstrap a’ cleachdadh sgriobtaichean npm airson an siostam togail aige. Tha ar pack.json a’ toirt a-steach dòighean goireasach airson a bhith ag obair leis an fhrèam, a’ toirt a-steach còd a chuir ri chèile, deuchainnean ruith, agus barrachd.

Gus an siostam togail againn a chleachdadh agus na sgrìobhainnean againn a ruith gu h-ionadail, bidh feum agad air leth-bhreac de fhaidhlichean stòr Bootstrap agus Node. Lean na ceumannan seo agus bu chòir dhut a bhith deiseil airson roc:

  1. Luchdaich sìos agus stàlaich Node.js , a bhios sinn a’ cleachdadh gus ar eisimeileachd a riaghladh.
  2. /bootstrapSeòl chun an eòlaire root agus ruith npm installgus na h-eisimeileachd ionadail againn a tha air an liostadh ann am package.json a stàladh .
  3. Stàlaich Ruby , stàlaich Bundler le gem install bundler, agus mu dheireadh ruith bundle install. Stàlaichidh seo a h-uile eisimeileachd Ruby, leithid Jekyll agus plugins.
    • Luchd-cleachdaidh Windows: Leugh an stiùireadh seo gus Jekyll a chuir an gnìomh gun duilgheadasan.

Nuair a bhios tu deiseil, bidh e comasach dhut na diofar òrdughan a chaidh a sholarachadh bhon loidhne-àithne a ruith.

A’ cleachdadh sgriobtaichean npm

Tha ar pack.json a’ toirt a-steach na h-òrdughan agus na gnìomhan a leanas:

Tasc Tuairisgeul
npm run dist npm run dista’ cruthachadh an /dist/eòlaire le faidhlichean cruinnichte. A’ cleachdadh Sass , Autoprefixer , agus UglifyJS .
npm test San aon dòigh ri npm run distplus bidh e a’ ruith dheuchainnean gu h-ionadail
npm run docs Togail agus lints CSS agus JavaScript airson docs. Faodaidh tu an uairsin na sgrìobhainnean a ruith gu h-ionadail tro npm run docs-serve.

Ruith npm rungus na sgriobtaichean npm gu lèir fhaicinn.

Ro-leasachan fèin-obrachail

Bidh Bootstrap a’ cleachdadh Autoprefixer (air a ghabhail a-steach sa phròiseas togail againn) gus ro-leasachain reiceadair a chuir gu fèin-ghluasadach gu cuid de thogalaichean CSS aig àm togail. Le bhith a’ dèanamh sin sàbhalaidh sin ùine agus còd dhuinn le bhith a’ leigeil leinn prìomh phàirtean den CSS againn a sgrìobhadh aon uair fhad ‘s a chuireas sinn às don fheum air measgachadh reiceadair mar an fheadhainn a lorgar ann an v3.

Bidh sinn a’ cumail an liosta de bhrobhsairean le taic tro Autoprefixer ann am faidhle air leth taobh a-staigh ar stòr GitHub. Faic .browserslistrc airson mion-fhiosrachadh.

Sgrìobhainnean ionadail

Le bhith a’ ruith ar sgrìobhainnean gu h-ionadail feumar Jekyll a chleachdadh, gineadair làrach statach a tha sùbailte gu leòr a bheir dhuinn: bunaiteach a’ toirt a-steach, faidhlichean stèidhichte air Markdown, teamplaidean, agus barrachd. Seo mar a thòisicheas tu air:

  1. Ruith tron ​​​​t- suidheachadh innealan gu h-àrd gus Jekyll (neach-togail na làraich) agus eisimeileachd Ruby eile a chuir a-steach le bundle install.
  2. /bootstrapBhon eòlaire root , ruith npm run docs-servesan loidhne-àithne.
  3. Fosgail http://localhost:9001sa bhrobhsair agad, agus voilà.

Ionnsaich tuilleadh mu bhith a’ cleachdadh Jekyll le bhith a’ leughadh na sgrìobhainnean aige .

Fuasgladh thrioblaidean

Ma thachras tu air duilgheadasan le stàladh eisimeileachd, dì-stàlaich a h-uile dreach eisimeileachd roimhe (cruinneil agus ionadail). An uairsin, ath-ruith npm install.