Vue CLI ile çalışmaya başlama

  • 2 dakika

Vue CLI, proje iskelesi, geliştirme sunucusu ve hızlı prototip oluşturma dahil olmak üzere geliştirme için bir araç paketi sağlar. Kitaplıkları ve diğer ayarları yapılandırmaya değil kodlamaya odaklanabilmeniz için hızlı bir şekilde başlangıç uygulaması oluşturmanıza yardımcı olur.

Önyükleme

Vue CLI'nin temel kullanımı bir uygulamayı önyüklemektir. Oluşturma betiği, aşağıdakiler de dahil olmak üzere en yaygın yapılandırmalardan bazılarını seçebileceğiniz bir sihirbaz sağlar:

  • Linting seçenekleri: Tüm kodların tutarlı göründüğüne emin olun. Bu seçenekler hataların ortaya çıkarılmasına da yardımcı olabilir.
  • Uygulama türü: Aşamalı Web Uygulamaları desteği eklenip eklenmeyeceğini seçin.
  • Babel desteği: Uygulamanızın eski tarayıcılarda kullanılması gerekiyorsa Babel'in görevi daha yeni JavaScript söz dizimini eski JavaScript formlarına dönüştürmektir.
  • Dil: JavaScript veya TypeScript'i seçin. TypeScript diğer özelliklerin yanı sıra türleri de getirir ve uygulamanız büyüdükçe iyi bir seçenek olabilir. Vue'un kendisi TypeScript'te yerleşiktir.

Derleme işlemi

Vue CLI, tek dosyalı Vue bileşenleri veya .vue dosyalarıyla çalışacak şekilde tasarlanmıştır. Modül paketleyici veya paketleyici, tarayıcıların dosyaları okuyabilmesi için .vue dosyalarındaki özelleştirilmiş söz dizimini uygun JavaScript, HTML ve CSS'ye dönüştürme işlemini yönetir.

Vue CLI, webpack'i varsayılan paketleyicisi olarak kullanır. Web paketinin varsayılan yapılandırması çoğu senaryoda çalışır. Vue CLI kullanarak paketleyiciyi yapılandırmak için gereken adımları atlayabilir ve bunun yerine sağlanan kurulumu kullanabilirsiniz.

Geliştirme sunucusu

Herhangi bir uygulama türünü geliştirmek için deneme ve hata gerekir. Birkaç değişiklik yapacak, sayfayı tarayıcıda yükleyip test edip birkaç değişiklik daha yapacaksınız. Ardından her şey beklediğiniz gibi davranana kadar bu işlemi tekrarlayacaksınız.

Bu işlemde yer alan adım sayısını en aza indirmek istiyorsunuz. Geliştirmeyi kolaylaştırmak için Vue CLI bir geliştirme sunucusu içerir. Bir dosyayı her kaydettiğinizde, geliştirme sunucusu dosya değişikliklerini algılar, projeyi yeniden oluşturur (veya yeniden açar) ve sayfayı tarayıcıda test etmenizi sağlar.