Source

Кораллар төзү

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

Кораллау

Bootstrap үзенең төзү системасы өчен npm сценарийларын куллана. Безнең package.json рамка белән эшләү өчен уңайлы ысулларны үз эченә ала, шул исәптән код туплау, тестлар һәм башкалар.

Безнең төзү системасын куллану һәм документларыбызны җирле итеп башкару өчен, сезгә Bootstrap чыганак файллары һәм Node күчермәсе кирәк. Бу адымнарны үтәгез һәм сез ташларга әзер булырга тиеш:

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

Тәмамлангач, сез командалар сызыгыннан бирелгән төрле командаларны эшли алырсыз.

Npm сценарийларын куллану

Безнең package.json түбәндәге боерыкларны һәм биремнәрне үз эченә ала:

Бирем Тасвирлау
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 сценарийларын карау өчен йөгерегез .

Автопрефиксер

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

Автопрефиксер ярдәмендә кулланылган браузерлар исемлеген безнең GitHub складында аерым файлда саклыйбыз. Детальләр өчен .browserslistrc карагыз .

Localирле документлар

Документацияне җирле итеп башкару Jekyll куллануны таләп итә, статистик сайт генераторы, безгә тәэмин итә: төп, Маркдаун файллары, шаблоннар һ.б. Менә аны ничек башларга:

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

Jekyll куллану турында аның документларын укып күбрәк белегез .

Төзексезлекләрне Эзләү

Бәйләнеш урнаштыру проблемалары белән очрашырга туры килсә, барлык бәйләнеш версияләрен (глобаль һәм җирле) бетерегез. Аннары, яңадан эшләгез npm install.