Instalace a konfigurace Nuxt.js projektu
Nainstalujte Node.js
Ujistěte se, že máte v počítači nainstalovaný Node.js. Nejnovější verzi si můžete stáhnout z oficiálních stránek Node.js.
Nainstalujte Vue CLI
Otevřete svůj Terminal nebo Command Prompt a spusťte následující příkaz pro instalaci Vue CLI(pokud již není nainstalován):
npm install -g vue-cli
Vytvořte Nuxt.js projekt
V Terminal, přejděte do adresáře, kde chcete vytvořit projekt, a spusťte následující příkaz k vytvoření projektu Nuxt.js:
vue init nuxt-community/starter-template my-nuxt-project
Konfigurace projektu
Terminal Při konfiguraci projektu postupujte podle pokynů v části. Pro svůj projekt si můžete vybrat různé možnosti, jako je použití ESLint, instalace Axios atd.
Vytvoření první stránky a zobrazení základního obsahu:
Otevřete adresář projektu
Otevřete svůj Terminal a přejděte do adresáře projektu pomocí příkazu cd my-nuxt-project(nebo vámi zvoleného názvu složky).
Vytvořit novou stránku
Pomocí rozhraní Vue CLI vygenerujte novou stránku pomocí následujícího příkazu:
npx vue-cli-service generate page mypage
Upravte novou stránku
Otevřete mypage.vue soubor v pages adresáři a upravte obsah stránky. Můžete přidat HTML, komponenty Vue a data.
Zobrazte stránku
V layouts/default.vue souboru můžete pomocí <nuxt/> značky zobrazit obsah stránky.
Spusťte projekt
V souboru Terminal spusťte následující příkaz pro spuštění projektu a zobrazení stránky v prohlížeči:
npm run dev
Nyní máte svou první stránku v Nuxt.js projektu a můžete upravit obsah podle potřeby.