Installazione e configurazione di un Nuxt.js progetto
Installa Node.js
Assicurati di aver installato Node.js sul tuo computer. È possibile scaricare l'ultima versione dal sito Web ufficiale di Node.js.
Installa l'interfaccia a riga di comando di Vue
Apri il tuo Terminal o Command Prompt ed esegui il seguente comando per installare Vue CLI(se non è già installato):
npm install -g vue-cli
Crea un Nuxt.js progetto
In Terminal, vai alla directory in cui vuoi creare il tuo progetto ed esegui il seguente comando per creare un Nuxt.js progetto:
vue init nuxt-community/starter-template my-nuxt-project
Configurazione del progetto
Segui le istruzioni in per Terminal configurare il tuo progetto. Puoi scegliere varie opzioni per il tuo progetto, come l'utilizzo di ESLint, l'installazione di Axios, ecc.
Creazione della prima pagina e visualizzazione del contenuto di base:
Apri la directory del progetto
Apri il tuo Terminal e vai alla directory del progetto usando il comando cd my-nuxt-project(o il nome della cartella che hai scelto).
Crea una nuova pagina
Utilizza la Vue CLI per generare una nuova pagina con il seguente comando:
npx vue-cli-service generate page mypage
Modifica la nuova pagina
Apri il mypage.vue file nella pages directory e modifica il contenuto della pagina. Puoi aggiungere HTML, componenti Vue e dati.
Visualizza la pagina
Nel layouts/default.vue file è possibile utilizzare il <nuxt/> tag per visualizzare il contenuto della pagina.
Eseguire il progetto
In Terminal, esegui il seguente comando per avviare il progetto e visualizzare la tua pagina nel browser:
npm run dev
Ora hai la tua prima pagina nel Nuxt.js progetto e puoi personalizzare il contenuto come desideri.