Aracılığıyla paylaş

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

Bu kılavuz, vite ön uç araçlarını kullanarak React'i doğrudan Windows'a yükleme adımlarını gösterir.

React'i yeni kullanıyorsanız ve yalnızca öğrenmek istiyorsanız bu yönergelerin izlenmesini öneririz. Tek sayfalı bir uygulama (SPA) oluşturuyorsanız ve Bash komutlarını veya araçlarını kullanmak istiyor ya da Linux sunucusuna dağıtmayı planlıyorsanız, Linux için Windows Alt Sistemi'nde (WSL) vite ile yüklemenizi öneririz.

React, React (web uygulamaları), React Native (mobil uygulamalar) ve Masaüstü için React Native (masaüstü uygulamaları) arasında karar verme hakkında daha genel bilgi için React'e genel bakış bölümüne bakın.

React uygulamanızı oluşturma

Create React Uygulamasını yüklemek için:

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

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

  3. Vite kullanarak React'i yükleyin:

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

  4. Yüklendikten sonra dizinleri yeni uygulamanıza ("my-react-app" veya çağırmak için seçtiğiniz her şey) değiştirin, cd my-react-appbağımlılıkları yükleyin: npm install ve ardından yerel geliştirme sunucunuzu başlatın: npm run dev

    Bu komut Node.js sunucusunu başlatır ve uygulamanızı görüntüleyen yeni bir tarayıcı penceresi başlatır. React uygulamasını komut satırınızda çalıştırmayı durdurmak için Ctrl + c kullanabilirsiniz.

Uyarı

Vite , Babel, esbuild ve Rollup kullanan bir ön uç derleme işlem hattı içerir, ancak arka uç mantığını veya veritabanlarını işlemez. React ile Node.js arka ucu kullanan sunucu tarafından işlenmiş bir web sitesi oluşturmak istiyorsanız, tek sayfalı uygulamalar (SPA) için daha fazla amaçlanan bu Vite yüklemesi yerine Next.jsyüklemenizi öneririz. Statik içerik odaklı bir web sitesi oluşturmak istiyorsanız Gatsby yüklemeyi de düşünebilirsiniz.

  1. Web uygulamanızı üretim ortamına dağıtmaya hazır olduğunuzda, "dist" klasöründe uygulamanızın bir derlemesini oluşturmak için komutunu çalıştırın npm run build . Statik Site Dağıtma bölümünden daha fazla bilgi edinebilirsiniz.

Ek kaynaklar

  • Last updated on