Εγκατάσταση και ρύθμιση παραμέτρων ενός Nuxt.js έργου
Εγκαταστήστε το Node.js
Βεβαιωθείτε ότι έχετε εγκαταστήσει το Node.js στον υπολογιστή σας. Μπορείτε να κάνετε λήψη της πιο πρόσφατης έκδοσης από τον επίσημο ιστότοπο του Node.js.
Εγκαταστήστε το Vue CLI
Ανοίξτε το Terminal ή Command Prompt και εκτελέστε την ακόλουθη εντολή για να εγκαταστήσετε το Vue CLI(αν δεν είναι ήδη εγκατεστημένο):
npm install -g vue-cli
Δημιουργήστε ένα Nuxt.js έργο
Στο Terminal, μεταβείτε στον κατάλογο όπου θέλετε να δημιουργήσετε το έργο σας και εκτελέστε την ακόλουθη εντολή για να δημιουργήσετε ένα Nuxt.js έργο:
vue init nuxt-community/starter-template my-nuxt-project
Διαμόρφωση έργου
Ακολουθήστε τις οδηγίες στο Terminal για να διαμορφώσετε το έργο σας. Μπορείτε να επιλέξετε διάφορες επιλογές για το έργο σας, όπως χρήση ESLint, εγκατάσταση Axios κ.λπ.
Δημιουργία Πρώτης Σελίδας και Εμφάνιση Βασικού Περιεχομένου:
Ανοίξτε τον κατάλογο έργων
Ανοίξτε το Terminal και μεταβείτε στον κατάλογο του έργου χρησιμοποιώντας την εντολή cd my-nuxt-project(ή το όνομα φακέλου που επιλέξατε).
Δημιουργία Νέας Σελίδας
Χρησιμοποιήστε το Vue CLI για να δημιουργήσετε μια νέα σελίδα με την ακόλουθη εντολή:
npx vue-cli-service generate page mypage
Επεξεργαστείτε τη Νέα σελίδα
Ανοίξτε το mypage.vue αρχείο στον pages κατάλογο και επεξεργαστείτε το περιεχόμενο της σελίδας. Μπορείτε να προσθέσετε HTML, στοιχεία Vue και δεδομένα.
Εμφάνιση της Σελίδας
Στο layouts/default.vue αρχείο, μπορείτε να χρησιμοποιήσετε την <nuxt/> ετικέτα για να εμφανίσετε το περιεχόμενο της σελίδας.
Εκτελέστε το έργο
Στο Terminal, εκτελέστε την ακόλουθη εντολή για να ξεκινήσετε το έργο και να προβάλετε τη σελίδα σας στο πρόγραμμα περιήγησης:
npm run dev
Τώρα έχετε την πρώτη σας σελίδα στο Nuxt.js έργο και μπορείτε να προσαρμόσετε το περιεχόμενο όπως επιθυμείτε.