Nuxt.js Bir Projeyi Kurma ve Yapılandırma
Node.js'yi yükleyin
Bilgisayarınızda Node.js'nin kurulu olduğundan emin olun. En son sürümü resmi Node.js web sitesinden indirebilirsiniz.
Vue CLI'yi kurun
Terminal veya'nızı açın Command Prompt ve Vue CLI'yi yüklemek için aşağıdaki komutu çalıştırın(henüz kurulu değilse):
npm install -g vue-cli
Nuxt.js Proje Oluştur
içinde Terminal, projenizi oluşturmak istediğiniz dizine gidin ve bir Nuxt.js proje oluşturmak için aşağıdaki komutu çalıştırın:
vue init nuxt-community/starter-template my-nuxt-project
Proje Yapılandırması
Terminal Projenizi yapılandırmak için bölümündeki yönergeleri izleyin. Axios Projeniz için ESLint kullanma, yükleme vb. gibi çeşitli seçenekleri seçebilirsiniz.
İlk Sayfanın Oluşturulması ve Temel İçeriğin Görüntülenmesi:
Proje Dizinini Aç
Kendinizi açın Terminal ve komutu cd my-nuxt-project(veya seçtiğiniz klasör adını) kullanarak proje dizinine gidin.
Yeni Sayfa Oluştur
Aşağıdaki komutla yeni bir sayfa oluşturmak için Vue CLI'yi kullanın:
npx vue-cli-service generate page mypage
Yeni Sayfayı Düzenle
mypage.vue Dosyayı dizinde açın pages ve sayfanın içeriğini düzenleyin. HTML, Vue bileşenleri ve verileri ekleyebilirsiniz.
Sayfayı Görüntüle
Dosyada, sayfanın içeriğini görüntülemek için etiketi layouts/default.vue kullanabilirsiniz. <nuxt/>
Projeyi Çalıştır
içinde Terminal, projeyi başlatmak ve sayfanızı tarayıcıda görüntülemek için aşağıdaki komutu çalıştırın:
npm run dev
Artık projedeki ilk sayfanız var Nuxt.js ve içeriği istediğiniz gibi özelleştirebilirsiniz.