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

Linux için Windows Alt Sistemi'nde (WSL) Vue.js geliştirme ortamı ayarlama kılavuzu. Arka plan için bkz.Vue.js genel bakış.

Vue doğrudan Windows'a veya WSL'ye yüklenebilir. Bir Node.js arka ucuyla etkileşim kurmayı, Linux sunucularına dağıtmayı veya Bash komutlarını kullanan öğreticileri izlemeyi planlıyorsanız WSL önerilir.

Önkoşullar

• WSL 2 modunda çalışan linux dağıtımı (Ubuntu gibi) dahil olmak üzere Linux için Windows Alt Sistemi'ni (WSL) yükleyin. wsl -l -v ile doğrulayın
• 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.

Önemli

Proje dosyalarınızı bağlı Windows sürücüsünde () değil, ~/projectsWSL dosya sisteminde (/mnt/c/ör. ) depolayın. Dosya sistemi sınırında çalışmak yükleme ve derleme sürelerini önemli ölçüde yavaşlatır.

Vue projesi oluşturma

Yeni bir Vue 3 projesi başlatmanın önerilen yolu, resmi Vite tabanlı yapı iskelesi aracı olan create-vue'yu kullanmaktır:

1. WSL terminalinizi açın (örneğin, Ubuntu).

2. Projeler dizininize gidin:

   mkdir -p ~/projects
   cd ~/projects
   

3. Yeni bir Vue projesi oluşturun:

   npm create vue@latest
   

   Yükleyici sizden projenizi adlandırmanızı ve isteğe bağlı özellikleri (TypeScript, JSX desteği, Vue Router, Pinia durum yönetimi, Vitest, ESLint) seçmenizi ister.

4. Proje klasörüne gidin, bağımlılıkları yükleyin ve geliştirme sunucusunu başlatın:

   cd <your-project-name>
   npm install
   npm run dev
   

   Uygulamanız adresinde http://localhost:5173kullanılabilir olacaktır.

Ek kaynaklar

• Vue dokümanları
• Vue.js genel bakış
• Windows üzerine Vue.js yükleyin
• Vue.jsöğrenme yolu ile ilk adımlarınızı atın
• VS Code ile Vue eğitimi