VueJS - Ortam Kurulumu
VueJS'yi kurmanın birçok yolu vardır. Kurulumun nasıl yapılacağına dair bazı yollar aşağıda tartışılacaktır.
<script> etiketini doğrudan HTML dosyasında kullanma
<html>
<head>
<script type = "text/javascript" src = "vue.min.js"></script>
</head>
<body></body>
</html>Ana siteye git https://vuejs.org/v2/guide/installation.htmlVueJS ve vue.js'yi ihtiyaca göre indirin. Kullanım için iki versiyon vardır - üretim versiyonu ve geliştirme versiyonu. Geliştirme sürümü küçültülmemiş, üretim sürümü ise aşağıdaki ekran görüntüsünde gösterildiği gibi küçültülmüştür. Geliştirme sürümü, projenin geliştirilmesi sırasında uyarılara ve hata ayıklama moduna yardımcı olacaktır.
CDN kullanma
CDN kitaplığından VueJS dosyasını da kullanmaya başlayabiliriz. Bağlantıhttps://unpkg.com/vueVueJS'nin en son sürümünü verecektir. VueJS, jsDelivr'de de mevcuttur (https://cdn.jsdelivr.net/npm/vue/dist/vue.js) ve cdnjs (https://cdnjs.cloudflare.com/ajax/libs/vue/2.4.0/vue.js).
Gerekirse dosyaları kendi tarafımızda barındırabilir ve VueJS geliştirmeye başlayabiliriz.
NPM'yi kullanma
VueJS ile büyük ölçekli uygulamalar için npm paketini kullanarak kurmanız önerilir. Browserify ve Webpack ile birlikte, geliştirmeye yardımcı olan diğer gerekli araçlarla birlikte gelir. Aşağıda npm kullanarak kurulum komutu verilmiştir.
npm install vueCLI Komut Satırını Kullanma
VueJS ayrıca CLI'nin vue'yu kurmasını ve sunucu aktivasyonunu başlatmasını sağlar. CLI kullanarak kurmak için, aşağıdaki komut kullanılarak yapılan CLI'nın kurulu olması gerekir.
npm install --global vue-cli
Tamamlandığında, VueJS için CLI sürümünü gösterir. Kurulum için birkaç dakika sürer.
+ [email protected]
added 965 packages in 355.414sAşağıda, Webpack kullanarak proje oluşturma komutu verilmiştir.
vue init webpack myproject
Başlamak için aşağıdaki komutu kullanın.
cd myproject
npm install
npm run dev
Npm run dev komutunu çalıştırdığımızda, sunucuyu başlatır ve aşağıdaki ekran görüntüsünde gösterildiği gibi tarayıcıda görüntülenecek url'yi sağlar.
CLI kullanan proje yapısı aşağıdaki gibi görünür.
