Source

Vaka maturusi

Dzidza mashandisiro eBootstrap anosanganisirwa npm zvinyorwa kuvaka zvinyorwa zvedu, kuunganidza sosi kodhi, mhanyisa bvunzo, nezvimwe.

Tooling setup

Bootstrap inoshandisa npm zvinyorwa kune yayo kuvaka system. Yedu package.json inosanganisira nzira dziri nyore dzekushanda nehurongwa, kusanganisira kunyora kodhi, kumhanya bvunzo, nezvimwe.

Kuti ushandise yedu yekuvaka sisitimu uye kumhanyisa zvinyorwa zvedu munharaunda, iwe unozoda kopi yeBootstrap's source mafaera uye Node. Tevera nhanho idzi uye iwe unofanirwa kunge wakagadzirira kuzunungusa:

  1. Dhawunirodha uye isa Node.js , iyo yatinoshandisa kugadzirisa zvatinovimba nazvo.
  2. Enda kumudzi /bootstrapwedhairekitori uye mhanya npm installkuti uise edu emunharaunda anotsamira akanyorwa mu package.json .
  3. Isa Ruby , isa Bundler ne gem install bundler, uye pakupedzisira mhanya bundle install. Izvi zvichaisa zvese zvinoenderana neRuby, seJekyll uye plugins.
    • Vashandisi veWindows: Verenga gwara iri kuti utore Jekyll uye ashande pasina matambudziko.

Kana wapedza, unokwanisa kumhanyisa mirairo yakasiyana-siyana yakapihwa kubva kumutsara wekuraira.

Kushandisa npm zvinyorwa

Yedu package.json inosanganisira inotevera mirairo uye mabasa:

Basa Tsanangudzo
npm run dist npm run distinogadzira /dist/dhairekitori nemafaira akaunganidzwa. Inoshandisa Sass , Autoprefixer , uye UgifyJS .
npm test Zvakafanana npm run distnekuwedzera inomhanyisa bvunzo munharaunda
npm run docs Inovaka uye inoisa CSS uye JavaScript yezvinyorwa. Iwe unogona ipapo kumhanyisa zvinyorwa munharaunda kuburikidza ne npm run docs-serve.

Mhanya npm runkuti uone zvese zvinyorwa zvenpm.

Autoprefixer

Bootstrap inoshandisa Autoprefixer (inosanganisirwa mune yedu yekuvaka maitiro) kuti iwedzere otomatiki prefixes kune dzimwe CSS zvivakwa panguva yekuvaka. Kuita izvi kunotichengetera nguva uye kodhi nekutibvumira kunyora zvikamu zvakakosha zveCSS yedu nguva imwe chete tichibvisa kudiwa kwemusanganiswa wevatengesi seanowanikwa muv3.

Isu tinochengetedza runyorwa rwemabhurawuza anotsigirwa kuburikidza neAutoprefixer mune yakaparadzana faira mukati meGitHub yedu repository. Ona .browserslistrc kuti uwane ruzivo.

Zvinyorwa zvemunharaunda

Kumhanyisa zvinyorwa zvedu munharaunda kunoda kushandiswa kweJekyll, inochinjika static saiti jenareta inotipa: zvakakosha zvinosanganisira, Markdown-based mafaera, matemplate, nezvimwe. Heino maitiro ekutanga:

  1. Mhanya nekuseta kwekushandisa kumusoro kuti uise Jekyll (iye muvaki wesaiti) uye kumwe kutsamira kwaRuby ne bundle install.
  2. Kubva pamudzi /bootstrapwedhairekitori, mhanya npm run docs-servemumutsara wekuraira.
  3. Vhura http://localhost:9001mubrowser yako, uye voilà.

Dzidza zvakawanda nezvekushandisa Jekyll nekuverenga zvinyorwa zvayo .

Kugadzirisa matambudziko

Kana iwe ukasangana nezvinetso nekuisa zvinotsamira, bvisa ese ekare anoenderana neshanduro (yepasirese neyemuno). Zvadaro, dzokorora npm install.