Source

Куруу куралдары

Биздин документацияны түзүү, баштапкы кодду түзүү, тесттерди жүргүзүү жана башкалар үчүн Bootstrap камтылган npm скрипттерин кантип колдонууну үйрөнүңүз.

Курал орнотуу

Bootstrap өзүнүн куруу системасы үчүн NPM сценарийлерин колдонот. Биздин package.json алкак менен иштөө үчүн ыңгайлуу ыкмаларды камтыйт, анын ичинде кодду түзүү, тесттерди жүргүзүү жана башкалар.

Куруу тутумубузду колдонуу жана документтерибизди жергиликтүү түрдө иштетүү үчүн сизге Bootstrap булак файлдарынын жана Түйүндүн көчүрмөсү керек болот. Бул кадамдарды аткарыңыз жана сиз рок даяр болушуңуз керек:

  1. Node.jsти жүктөп алып, орнотуңуз , аны биз көз карандылыктарыбызды башкаруу үчүн колдонобуз.
  2. Түпкү /bootstrapкаталогго чабыттап, package.json npm installичинде тизмеленген жергиликтүү көз карандылыктарыбызды орнотуу үчүн чуркаңыз .
  3. Ruby орнотуп, Bundler менен орнотуп gem install bundler, акырында иштетиңиз bundle install. Бул Jekyll жана плагиндер сыяктуу бардык Ruby көз карандылыктарын орнотот.
    • Windows колдонуучулары: Jekyllди көйгөйсүз иштетүү үчүн бул колдонмону окуңуз .

Бүткөндөн кийин, сиз буйрук сабынан берилген ар кандай буйруктарды иштете аласыз.

NPM сценарийлерин колдонуу

Биздин package.json төмөнкү буйруктарды жана тапшырмаларды камтыйт:

Тапшырма Description
npm run dist npm run dist/distкомпиляцияланган файлдар менен каталогду түзөт . Sass , Autoprefixer жана UglifyJS колдонот .
npm test Ошол эле npm run distплюс ал жергиликтүү тесттерди жүргүзөт
npm run docs Документтер үчүн CSS жана JavaScript курат жана тилкелейт. Сиз андан кийин аркылуу жергиликтүү документтерди иштете аласыз npm run docs-serve.

npm runБардык npm скрипттерин көрүү үчүн чуркаңыз .

Autoprefixer

Bootstrap куруу учурунда кээ бир CSS касиеттерине сатуучунун префикстерин автоматтык түрдө кошуу үчүн Autoprefixer (биздин куруу процессибизге камтылган) колдонот. Мындай кылуу бизге CSSтин негизги бөлүктөрүн бир жолу жазууга мүмкүндүк берип, убакытты жана кодду үнөмдөйт, ошол эле учурда v3 версиясында табылган сатуучу аралашмаларына болгон муктаждыкты жокко чыгарат.

Autoprefixer аркылуу колдоого алынган браузерлердин тизмесин GitHub репозиторийибиздеги өзүнчө файлда сактайбыз. Чоо-жайы үчүн /package.json караңыз .

Жергиликтүү документтер

Документтерибизди локалдуу иштетүү үчүн Jekyll колдонууну талап кылат, бул бизге ийкемдүү статикалык сайт генератору: негизги камтыйт, Markdown негизиндеги файлдар, шаблондор жана башкалар. Муну кантип баштоо керек:

  1. Jekyll (сайт куруучусу) жана башка Ruby көз карандылыктары менен орнотууbundle install үчүн, жогорудагы инструменттерди орнотуңуз .
  2. Түп /bootstrapкаталогунан npm run docs-serveбуйрук сабында иштетиңиз.
  3. http://localhost:9001Браузериңизде ачыңыз жана voilà.

анын документтерин окуу менен Jekyll колдонуу жөнүндө көбүрөөк билүү .

Проблемаларды чечүү

Көз карандылыкты орнотууда көйгөйлөргө туш болсоңуз, бардык мурунку көз карандылык версияларын (глобалдык жана жергиликтүү) чыгарып салыңыз. Андан кийин, кайра иштетүү npm install.