Linux için Windows Alt Sistemi'ne Vue.js yükleme

Linux için Windows Alt Sistemi'nde (WSL) Vue.js web çerçevesini yükleyerek Windows'ta Vue.js geliştirme ortamı ayarlamanıza yardımcı olacak bir kılavuz. Vue.js genel bakış sayfasında daha fazla bilgi edinin.

Vue doğrudan Windows'a veya WSL'ye yüklenebilir. Genel olarak, NodeJS arka ucuyla etkileşim kurmayı planlıyorsanız, bir Linux üretim sunucusuyla uyumlu bir ortam istiyorsanız veya Bash komutlarını kullanan bir öğreticiyle adım adım ilerlemeyi düşünüyorsanız, WSL üzerine yükleme yapmanızı öneririz. Vite'i Vue.jsalternatifi olarak da düşünebilirsiniz.

Önkoşullar

• Linux dağıtımı (Ubuntu gibi) dahil olmak üzere Linux için Windows Alt Sistemi (WSL)yükleyin ve WSL 2 modunda çalıştığından emin olun. PowerShell'i açıp şunu girerek bunu deleyebilirsiniz: wsl -l -v
• WSL 2'ye Node.js yükleme: Bu sürüm yöneticisi, paket yöneticisi, Visual Studio Code ve Uzaktan Geliştirme uzantısını içerir. Node Paket Yöneticisi (npm) Vue.jsyüklemek için kullanılır.

Önemli

WSL ile Linux dağıtımı yüklemek, dosyaları depolamak için bir dizin oluşturur: \\wsl\Ubuntu-20.04 (kullandığınız Linux dağıtımıyla Ubuntu-20.04'ü kullanın). Bu dizini Windows Dosya Gezgini'nde açmak için WSL komut satırınızı açın, kullanarak cd ~giriş dizininizi seçin ve ardından bağlı C sürücüsünde (explorer.exe . ) üzerinde çalışacağınız dosyaları yüklememeye veya depolamamaya dikkat edin komutunu /mnt/c/Users/yourname$ girin. Bunun yapılması yükleme ve derleme sürelerinizi önemli ölçüde yavaşlatır.

Vue.js yükleme

WSL'ye Vue.js yüklemek için:

1. WSL komut satırını açın (örneğin, Ubuntu).

2. Yeni bir proje klasörü oluşturun: mkdir VueProjects ve şu dizini girin: cd VueProjects.

3. Node Paket Yöneticisi'ni (npm) kullanarak Vue.js yükleyin:

npm install vue

Şu komutu kullanarak yüklediğiniz sürüm numarasını denetleyin: vue --version.

Uyarı

Vue.js'ı NPM yerine CDN kullanarak yüklemek için Vue.js yükleme belgelerine bkz.

Vue CLI'yi yükleme

Vue CLI, terminalinizde / komut satırınızda Vue ile çalışmaya yönelik bir araç setidir. Yeni bir projeyi hızla başlatmanızı (vue create), yeni fikirleri prototip olarak sunmanızı (vue serve) veya bir grafik kullanıcı arabirimi (vue ui) kullanarak projeleri yönetmenizi sağlar. Vue CLI, derleme karmaşıklıklarından bazılarını (Babel veya Webpack kullanımı gibi) sizin için işleyen genel olarak yüklenmiş bir npm paketidir. Yeni bir tek sayfalı uygulama oluşturmuyorsanız Vue CLI'ya ihtiyacınız olmayabilir veya bunu istemeyebilirsiniz.

Vue CLI'yı yüklemek için npm kullanın. Yükseltmek için küresel kurulumda -g bayrağını kullanmanız gerekir (vue upgrade --next):

npm install -g @vue/cli

Eklenebilecek ek eklentiler (GraphQL'i tümleştirmek için lint veya Apollo gibi) hakkında daha fazla bilgi edinmek için Vue CLI belgelerinde Vue CLI eklentilerini ziyaret edin.

Ek kaynaklar

• Vue dokümanları
• Vue.js genel bakış
• Windows üzerine Vue.js yükleyin
• Yükleyin Nuxt.js
• Microsoft Learn çevrimiçi kursu: Vue.jsile ilk adımlarınızı atın
• VS Code ile Vue eğitimi deneyin