React'i doğrudan Windows'a yükleme

Bu kılavuz, Vite ön uç araçlarını kullanarak doğrudan Windows üzerinde React geliştirme ortamı ayarlama işleminde yol gösterir.

React'i yeni kullanıyorsanız veya Linux ortamına ihtiyaç duymayan bir proje oluşturuyorsanız bu yönergeleri öneririz. Bash araçlarını kapsamlı bir şekilde kullanmayı veya bir Linux sunucusuna dağıtmayı planlıyorsanız, bunun yerine WSL'ye React yüklemeyi düşünün.

React'in arka planı ve web uygulamaları, mobil uygulamalar (React Native) ve yerel masaüstü uygulamaları (Masaüstü için React Native) gibi farklı senaryolar için React'e genel bakış bölümüne bakın.

Önkoşullar

  • Node.js: Vite ve npm'yi çalıştırmak için gereklidir. Kolay sürüm yönetimi için nvm-windows kullanarak yükleyin.

React uygulamanızı oluşturma

  1. Bir terminal açın (Windows Komut İstemi veya PowerShell).

  2. Yeni bir proje klasörü oluşturun ve bunu girin:

    mkdir ReactProjects
cd ReactProjects

  3. Vite kullanarak yeni bir React uygulaması oluşturun:

    npm create vite@latest my-react-app -- --template react

    Vite, my-react-app klasöründe yeni bir React projesi oluşturacak.

  4. Yeni uygulama klasörüne gidin ve bağımlılıkları yükleyin:

    cd my-react-app
npm install

  5. Yerel geliştirme sunucusunu başlatın:

    npm run dev

    Uygulamanız adresinde http://localhost:5173kullanılabilir olacaktır. Sunucuyu durdurmak için Ctrl+C tuşlarını kullanın.

  6. Dağıtıma hazır olduğunuzda bir üretim paketi oluşturun:

    npm run build

    Çıktı dist klasörüne yerleştirilir. Barındırma seçenekleri için bkz. Statik Site Dağıtma .

Uyarı

Vite, tek sayfalı uygulamalar (SPA) için idealdir. Sunucu tarafı işlemeye veya Node.js arka ucuna ihtiyacınız varsa bunun yerine Next.js düşünün. Statik site oluşturma için bkz. Gatsby.

Ek kaynaklar

  • Last updated on