Phenquestions
Materiálový design je nejpopulárnější designový jazyk na světě vytvořený společností Google Inc. Poskytuje obrovské množství komponent nebo návrhových šablon, které dodávají materiálu vzhled vaší aplikace. Některé front-endové rámce založené na materiálovém designu jsou vytvářeny komunitou a používají se k vytváření interaktivních a intuitivních webových aplikací. Tento příspěvek se dozví o instalaci 'vue-material' a naučí se jej používat ve Vue.js rámec.
Vue Material je knihovna inspirovaná Google Material Design, která se používá k vytváření webových aplikací.
Instalace materiálu Vue
Knihovnu materiálů Vue lze použít jako komponenty Vue v projektu Vue. Před zahájením instalace materiálu Vue se předpokládá, že znáte HTML, CSS a Javascript. Nastavili jste projekt Vue a ve svém systému máte nainstalovaný dobrý editor, jako je VS kód. Pokud jste ještě projekt Vue nenastavili, můžete rychle nastavit projekt Vue podle níže uvedeného postupu.
Nastavení projektu Vue
Chcete-li nastavit projekt Vue, nejprve zkontrolujte, zda Vue.js je ve vašem systému nainstalován nebo ne zadáním následujícího příkazu:
$ vue --verze
Pokud jste jej ještě nenainstalovali, zadejte níže uvedený příkaz pro instalaci Vue.js globálně ve vašem operačním systému:
$ npm install -g @ vue / cli
Po úspěšné instalaci Vue.js globálně ve vašem operačním systému vytvořte projekt Vue zadáním níže uvedeného příkazu „vue create“, za kterým následuje název projektu:
$ vue create vueprojectname
Požádá vás o výběr předvolby nebo o výběr vlastní předvolby pro projekt Vue.
Po konfiguraci nebo výběru výchozí předvolby bude za chvíli vytvořen projekt Vue.
Po vytvoření projektu Vue přejděte do adresáře nově vytvořeného projektu pomocí příkazu „cd“.
$ cd název vueprojectu
V této fázi jste úspěšně nastavili projekt Vue.
Nainstalujte materiál Vue
Jakmile je váš systém připraven a projekt Vue je nastaven! „Vue-material“ můžete nainstalovat pomocí příze nebo NPM.
Pro instalaci 'vue-material' pomocí správce balíčků příze zadejte níže uvedený příkaz:
$ příze přidat vue-materiálNEBO
Pro instalaci 'vue-material' pomocí správce balíčků NPM zadejte níže uvedený příkaz:
$ npm instalace vue-material --save
V pořádku! Jakmile je 'vue-material' nainstalován, musíte jej povolit v hlavní části.soubor js.
importovat VueMaterial z 'vue-material'importovat 'vue-material / dist / theme / default.CSS '
importovat 'vue-material / dist / vue-material.min.CSS '
Vue.použít (VueMaterial)
Po povolení „materiálu vue“ jej nyní můžete použít ve svém projektu Vue.
Jak používat materiál Vue ve Vue
Chcete-li použít Vue Material s Vue, poskytuje 'vue-material' různé komponenty, které lze použít jako komponentu Vue. Například lze tlačítko vytvořit pomocí „vue-material“, jako je tento.
Chcete-li vědět o dalších komponentách, neváhejte navštívit oficiální úvodní stránku Vue Material.
Takto jednoduše je možné nainstalovat a začít používat materiál Vue v projektu Vue.
Závěr
Vue Material je moderní knihovna komponentů materiálového designu používaná pro vytváření webových aplikací. V tomto příspěvku procházíme instalací Vue Material ve Vue.js projekt a uvidíte, jak jej povolit a používat. Díky kombinaci těchto dvou robustních knihoven můžeme urychlit proces vývoje a zkrášlit naši webovou aplikaci na nejvyšší limity.
