Phenquestions
Боотстрап је један од најпопуларнијих фронт-енд ЦСС оквира на свету који пружа бројне компоненте или предлошке за дизајн за стварање брзих и брзих веб апликација које реагују. То је оквир отвореног кода и бесплатан за употребу за изградњу модерних веб страница обогаћених ХТМЛ и ЦСС предлошцима или елементима корисничког интерфејса попут дугмади, икона и образаца. У овом посту ћемо прво научити да инсталирамо, а затим користимо Боотстрап са Вуе-ом.јс Фрамеворк.
Инсталација Боотстрапа
Постоји библиотека „боотстрап-вуе“ изграђена посебно за Вуе.јс и могу се користити као Вуе компоненте са истим карактеристикама као Боотстрап. Пре него што започнете са инсталацијом „боотстрап“ или „боотстрап-вуе“, претпоставља се да сте упознати са ХТМЛ-ом, ЦСС-ом и Јавасцриптом, подесили сте Вуе Пројецт и имате добар уређивач инсталиран на вашем систему попут ВС кода. Ако још увек нисте поставили Вуе пројекат, можете следити доњи поступак за брзо постављање Вуе пројекта.
Поставите Вуе пројекат
Да бисте поставили Вуе пројекат, прво проверите да ли је Вуе.јс је инсталиран на вашем систему или не тако што ћете откуцати наредбу дату испод:
Ако га још нисте инсталирали, откуцајте доњу наредбу да бисте инсталирали Вуе.јс глобално на вашем оперативном систему:
$ нпм инсталл -г @ вуе / цли
Након успешне инсталације Вуе-а.јс глобално на вашем оперативном систему, креирајте Вуе пројекат тако што ћете откуцати наредбу „вуе цреате“ која је дата испод, а затим име пројекта:
$ вуе креира име вуе-пројекта
Од вас ће бити затражено да изаберете унапред подешену поставку или да одаберете сопствену прилагођену поставку за пројекат Вуе.
Након конфигурисања или избора подразумеване унапред постављене поставке, Вуе пројекат ће се створити за неко време.
Након креирања пројекта Вуе, дођите до директорија новоствореног пројекта помоћу команде „цд“.
$ цд вуепројецтнаме
У овој фази сте успешно поставили пројекат Вуе.
Инсталирајте Боотстрап
Једном када ваш систем буде спреман и пројекат Вуе буде постављен! Можете да инсталирате „боотстрап-вуе“ помоћу Пређе или НПМ-а. Ако желите да инсталирате једноставни „боотстрап“ у сврхе стилизовања, можете да откуцате доњу наредбу да бисте их инсталирали.
За инсталирање 'боотстрап-вуе' и 'боотстрап' помоћу управитеља пакета Иарн, откуцајте наредбу дату испод:
$ иарн додај боотстрап боотстрап-вуеИЛИ
За инсталирање 'боотстрап-вуе' и 'боотстрап' помоћу НПМ менаџера пакета, унесите наредбу дату испод:
$ нпм инсталирајте боотстрап боотстрап-вуе --саве
У реду! Једном када су инсталирани 'боотстрап' и 'боотстрап-вуе', морате их омогућити у главном.јс датотеку.
увези БоотстрапВуе из 'боотстрап-вуе / дист / боотстрап-вуе.есм ';увези 'боотстрап-вуе / дист / боотстрап-вуе.цсс ';
импорт 'боотстрап / дист / цсс / боотстрап.цсс ';
Вуе.употреба (БоотстрапВуе);
Након што омогућите „боотстрап“ и „боотстрап-вуе“, сада их можете користити у свом Вуе пројекту.
Како се користи Боотстрап у Вуе-у
Да бисте користили Боотстрап са Вуе, 'боотстрап-вуе' пружа разне компоненте које се користе као Вуе компонента. На пример, дугме се може креирати помоћу „боотстрап-вуе“ попут овог.
За сазнање о даљим компонентама, слободно посетите званичну страницу документације БоотстрапВуе.
Овако је једноставно инсталирати и почети користити боотстрап у Вуе пројекту.
Закључак
Боотстрап је распрострањена ЦСС фронт-енд библиотека која се користи за изградњу веб апликација које одговарају мобилним апликацијама и уз помоћ БоотстрапВуе можемо да направимо такве веб апликације користећи Вуе. У овом посту пролазимо кроз инсталацију БоотстрапВуе у Вуе.јс пројекат и такође погледајте како га омогућити и користити. Комбинацијом овакве две робусне библиотеке можемо убрзати развојни процес и улепшати нашу веб апликацију до највиших граница.
