Source

Kọ irinṣẹ

Kọ ẹkọ bii o ṣe le lo awọn iwe afọwọkọ npm pẹlu Bootstrap lati kọ iwe wa, ṣajọ koodu orisun, ṣiṣe awọn idanwo, ati diẹ sii.

Eto irinṣẹ

Bootstrap nlo awọn iwe afọwọkọ NPM fun eto kikọ rẹ. package.json wa pẹlu awọn ọna irọrun fun ṣiṣẹ pẹlu ilana, pẹlu koodu iṣakojọpọ, awọn idanwo ṣiṣe, ati diẹ sii.

Lati lo eto kikọ wa ati ṣiṣe awọn iwe aṣẹ wa ni agbegbe, iwọ yoo nilo ẹda kan ti awọn faili orisun Bootstrap ati Node. Tẹle awọn igbesẹ wọnyi ati pe o yẹ ki o ṣetan lati rọ:

  1. Ṣe igbasilẹ ati fi Node.js sori ẹrọ , eyiti a lo lati ṣakoso awọn igbẹkẹle wa.
  2. Lilö kiri si itọsọna root /bootstrapati ṣiṣe npm installlati fi sori ẹrọ awọn igbẹkẹle agbegbe wa ti a ṣe akojọ si ni package.json .
  3. Fi Ruby sori ẹrọ, fi Bundler sori ẹrọ pẹlu gem install bundler, ati nikẹhin ṣiṣe bundle install. Eyi yoo fi gbogbo awọn igbẹkẹle Ruby sori ẹrọ, gẹgẹbi Jekyll ati awọn afikun.
    • Awọn olumulo Windows: Ka itọsọna yii lati gba Jekyll soke ati ṣiṣe laisi awọn iṣoro.

Nigbati o ba pari, iwọ yoo ni anfani lati ṣiṣe awọn oriṣiriṣi awọn aṣẹ ti a pese lati laini aṣẹ.

Lilo awọn iwe afọwọkọ NPM

package.json wa pẹlu awọn aṣẹ wọnyi ati awọn iṣẹ ṣiṣe:

Iṣẹ-ṣiṣe Apejuwe
npm run dist npm run distṣẹda awọn/dist liana pẹlu compiled faili. Nlo Sass , Autoprefixer , ati UglifyJS .
npm test Kanna bi npm run distplus o nṣiṣẹ awọn idanwo ni agbegbe
npm run docs Kọ ati lints CSS ati JavaScript fun awọn docs. O le lẹhinna ṣiṣe awọn iwe aṣẹ ni agbegbe nipasẹ npm run docs-serve.

Ṣiṣe npm runlati wo gbogbo awọn iwe afọwọkọ npm.

Asọtẹlẹ adaṣe

Bootstrap nlo Autoprefixer (ti o wa ninu ilana kikọ wa) lati ṣafikun awọn ami-iṣaaju ataja si diẹ ninu awọn ohun-ini CSS ni akoko kikọ. Ṣiṣe bẹ ṣafipamọ akoko ati koodu wa nipa gbigba wa laaye lati kọ awọn apakan pataki ti CSS wa ni akoko kan lakoko imukuro iwulo fun awọn apopọ ataja bii awọn ti a rii ni v3.

A ṣetọju atokọ ti awọn aṣawakiri ti o ni atilẹyin nipasẹ Autoprefixer ni faili lọtọ laarin ibi ipamọ GitHub wa. Wo /package.json fun awọn alaye.

Awọn iwe aṣẹ agbegbe

Ṣiṣe awọn iwe-ipamọ wa ni agbegbe nilo lilo Jekyll, olupilẹṣẹ aaye aimi ti o rọ ni deede ti o pese wa: ipilẹ pẹlu, awọn faili ti o da lori Markdown, awọn awoṣe, ati diẹ sii. Eyi ni bii o ṣe le bẹrẹ:

  1. Ṣiṣe nipasẹ awọn irinṣẹ ti o wa loke lati fi Jekyll sori ẹrọ (olupilẹṣẹ aaye) ati awọn igbẹkẹle Ruby miiran pẹlu bundle install.
  2. Lati gbongbo/bootstrap liana, ṣiṣe npm run docs-serveawọn ni awọn pipaṣẹ ila.
  3. Ṣiihttp://localhost:9001 ninu ẹrọ aṣawakiri rẹ, ati voil.

Kọ ẹkọ diẹ sii nipa lilo Jekyll nipa kika rẹ iwe rẹ .

Laasigbotitusita

Ti o ba pade awọn iṣoro pẹlu fifi sori ẹrọ awọn igbẹkẹle, aifi si gbogbo awọn ẹya igbẹkẹle iṣaaju (agbaye ati agbegbe). Lẹhinna, tun ṣe npm install.