Vue CLI ile arayüz yapmak için aşağıdaki adımları izlemek gerekmektedir:
- Vue CLI'yi Kurmak: Node.js ve npm yüklü olduğundan emin olun, ardından terminalde
npm install -g @vue/cli
komutunu çalıştırarak Vue CLI'yi global olarak kurun 13. - Yeni Proje Oluşturmak: Vue CLI yüklendikten sonra,
vue create my-vue-project
komutunu kullanarak yeni bir Vue.js projesi oluşturun 13. Proje için bir ön ayar seçmeniz istenecektir; Babel ve ESLint içeren varsayılan ön ayarı seçebilir veya özellikleri manuel olarak ekleyebilirsiniz 14. - Proje Yapısını Düzenlemek: Proje oluşturulduktan sonra,
src
klasöründe Vue bileşenlerini,public
klasöründe statik varlıkları vemain.js
dosyasında Vue örneğini başlatmayı içeren standart bir yapı göreceksiniz 13. - Geliştirme Sunucusunu Çalıştırmak: Uygulamayı çalıştırmak için
npm run serve
komutunu kullanarak geliştirme sunucusunu başlatın 13. Tarayıcınızdahttp://localhost:8080
adresine giderek Vue.js arayüzünü görebilirsiniz. - Üretim İçin Derlemek: Uygulamayı dağıtıma hazır hale getirmek için
npm run build
komutunu kullanarak üretim için derleyin 13. Bu komut, web sunucunuza dağıtabileceğinizdist
klasöründe optimize edilmiş ve küçültülmüş dosyalar oluşturur.
5 kaynaktan alınan bilgiyle göre: