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