Skip to main content Skip ad navigationem soUicitudo
in English

Instrumenta aedificate

Disce quomodo usus est Bootstrap scriptis npm scriptis ad nostram documentationem aedificandam, codicem fontem componendum, probationes currite, et plura.

Tooling setup

Bootstrap scriptoribus npm utitur ad systematis fabricandi. Our package.json includit commodas methodos ad operandum cum compage, incluso codice componendo, probationes currentes, et plura.

Ad systema constructum nostrum utaris et documenta nostra localiter curras, exemplum desideras fasciculorum fontei Bootstrap et Node. Sequere hos gradus et ad petram parati esse debes;

  1. Download and install Node.js , quibus utimur ad nostras clientelas regendas.
  2. Aut download fontes Bootstrap vel furca Bootstrap repositorium .
  3. Navigare ad /bootstrapdirectorium radicis et currere npm installad institutionem locorum nostrorum dependentiarum in sarcina.json recensita .

Cum perfeceris, varia imperia ex ordine recta currere poteris.

Using npm scriptor

Our package.json multa opera includit ad res explicandas. Curre npm runad videndum omnia scripta npm in termino tuo. Primaria officia includit:

Negotium Descriptio
npm start Compilare CSS et JavaScript, documenta aedificat et servo locali incipit.
npm run dist Creat dist/indicem cum fasciculis compilatis. Sass , autopraefixer et terser requirit .
npm test Post currit probat locum decurritnpm run dist
npm run docs-serve Aedificat et decurrit documenta localiter.
Incipias cum Bootstrap via npm cum project nostro starter! Caput ad twbs/bootstrap-npm-starter template repositorium vide quomodo aedificare ac domitare Bootstrap in tuo proprio npm project. Includes Compilator Sass, Autoprefixer, Stylelint, PurgeCSS, et Icones Bootstrap.

Sass

Bootstrap utitur Dart Sass ad componendas fasciculos nostros fons Sass in files CSS (inclusa in processu nostro constructo), idem te commendamus si Sass componendis utendo tuo asset pipelino. Node Sass pro Bootstrap v4 antea usi sumus, sed LibSass et fasciculis super eam constructis, Node Sass inclusis, nunc deprecati sumus .

Iaculum Sass rotundo subtilitate 10 utitur et ad causas efficientiae commensurationem huius valoris non patitur. Hanc praecisionem in ulteriore processu CSS generati nostri non demittimus, sicut in minificatione, sed si id facere voluisti, praecisionem saltem VI servando commendamus, ne proventus rotunditatis navigatri.

Autoprefixer

Bootstrap utitur autopraefixore (incluso in processu aedificandi nostro) ut venditori praefixiones quibusdam CSS proprietatibus ad tempus aedificandi automatice addendi. Faciens ut tempus et codicem nos salvet, permittens nos scribere partes clavium nostrorum CSS unum tempus, dum necessariam mixtionem venditoris eliminamus, sicut ea quae in v3.

Indicem navigatorum confirmamus per autopraefixum in tabella separato in repositorio nostro GitHub. Vide .browserslistrc for details.

RTLCSS

Bootstrap utitur RTLCSS ad processum CSS digestum et convertendum ad RTL - basically reponens directionem horizontalem notarum proprietatum (exempli gratia padding-left) cum eorum oppositis. Tantum nobis permittit scribere nostrum CSS unum tempus et tweaks minores facere utentes RTLCSS imperium et valorem normas.

Documenta locales

Currens documenta nostra localiter usum Hugonis requirit, qui per sarcinam hugo-bin npm inauguratur. Hugo situs static valde celeriter et extensibilis generans nobis praebet: basic includit, Markdown substructio imaginum, templates, et plura. Ecce quam ut incipiat:

  1. Curre per instrumentum setup supra ut omnes clientelas instituant.
  2. Ab radice /bootstrapdirectorium, npm run docs-servelinea in imperio currere.
  3. Aperi http://localhost:9001/in navigatro tuo, et vola.

Plura de utendo Hugone sua documenta legendo disce .

Troubleshooting

Si difficultates tibi occurrant cum clientelis insertis, omnes priora dependentia versiones (globalis et localis). Tum rerum npm install.