Jak korzystać z projektów materiałów w Vue.JS?

Projekt materiałowy to najpopularniejszy na świecie język projektowy zbudowany przez Google Inc. Zapewnia ogromną liczbę komponentów lub szablonów projektowych, aby nadać materialny wygląd aplikacji. Niektóre materialne projekty front-end są tworzone przez społeczność i wykorzystywane do tworzenia interaktywnych i intuicyjnych aplikacji internetowych. Ten post dowie się o instalacji „Vue-Material” i nauczy się go używać w Vue.JS Framework.

Vue Material to biblioteka inspirowana materiałami Google używana do budowania aplikacji internetowych.

Instalacja materiału vue

Biblioteka materiałów vue może być używana jako komponenty vue w projekcie vue. Przed rozpoczęciem instalacji materiału Vue zakłada się, że znasz HTML, CSS i JavaScript. Skonfigurowałeś projekt vue i masz dobry edytor zainstalowany w systemie, takim jak kod kontra. Jeśli nie skonfigurowałeś jeszcze projektu vue, możesz postępować zgodnie z poniższą procedurą, aby szybko skonfigurować projekt vue.

Projekt konfiguracji Vue

Aby skonfigurować projekt Vue, najpierw sprawdź, czy Vue.JS jest instalowany w twoim systemie lub nie, wpisując polecenie podane poniżej:

$ vue --version

Jeśli jeszcze go nie zainstalowałeś, wpisz podane poniżej polecenie, aby zainstalować vue.JS na całym świecie w twoim systemie operacyjnym:

$ npm install -g @vue/cli

Po pomyślnym zainstalowaniu Vue.JS na całym świecie w systemie operacyjnym, utwórz projekt Vue, wpisując polecenie „Vue Utwórz” podane poniżej, a następnie nazwa projektu:

$ vue Utwórz vueProjectName

Poprosi Cię o wybranie ustawień wstępnych lub wybranie własnego niestandardowego ustawienia dla projektu Vue.

Po skonfigurowaniu lub wybraniu domyślnego ustawienia, projekt Vue zostanie utworzony za chwilę.

Po utworzeniu projektu Vue przejdź do nowo utworzonego katalogu projektu za pomocą polecenia „CD”.

$ cd vueProjectName

Na tym etapie pomyślnie założyłeś projekt Vue.

Zainstaluj materiał vue

Po przygotowaniu systemu i konfiguracji projektu vue! Możesz zainstalować „Vue-Material” za pomocą przędzy lub NPM.

Aby zainstalować „Vue-Material” za pomocą menedżera pakietu przędzy, wpisz polecenie podane poniżej:

$ przędza dodaj vue-materiał

LUB

Aby zainstalować „Vue-Material” za pomocą menedżera pakietów NPM, wpisz polecenie podane poniżej:

$ npm instaluj vue-material-save

W porządku! Gdy „Vue-Material” zostanie zainstalowany, musisz włączyć go w głównym.plik JS.

Importuj Vuematerial z „Vue-Material”
Importuj vue-Material/dist/Temat/Default.CSS '
Importuj vue-materiał/dist/vue-materiał.min.CSS '
Vue.Użyj (vuematerial)

Po włączeniu „Vue-Material” możesz teraz użyć go w swoim projekcie Vue.

Jak używać materiału vue w vue

Aby użyć materiału vue z vue, „vue-material” zapewnia różne komponenty do użycia jako komponent vue. Na przykład można utworzyć przycisk za pomocą „Vue-Material” takiego.

Podstawowy

Aby wiedzieć o dalszych komponentach, odwiedź oficjalną stronę Materiału Vue.

Tak proste jest zainstalowanie i rozpoczęcie używania materiału vue w projekcie vue.

Wniosek

Vue Materiał to modna biblioteka komponentów projektowych używana do budowania aplikacji internetowych. W tym poście przechodzimy przez instalację Vue Material w vue.JS Project i zobacz, jak go włączyć i użyć. Dzięki połączeniu takich dwóch solidnych bibliotek możemy przyspieszyć proces tworzenia i upiększyć naszą aplikację internetową do najwyższych granic.