Home-theater-designers
Uutta React-projektia aloittaessaan monet kehittäjät kääntyvät puoleen luo-reagoi-sovellus heidän komentotyökalukseen projektin määrittämiseen ja määritykseen. Vite on kuitenkin parempi vaihtoehto. Se tarjoaa nopeammat kehitysajat ja paremman suorituskyvyn.
Mikä on Vite?
Vite on rakennustyökalu ja kehityspalvelin, joka on suunniteltu parantamaan nykyaikaisten verkkosovellusten kehitysprosessia. Se tekee tämän jakamalla sovellusmoduulit riippuvuuksiin ja lähdekoodiin. Riippuvuudet ovat moduuleja, jotka eivät muutu usein, kun taas lähdekoodia muokataan yleensä usein kehitystyön aikana.
PÄIVÄN VIDEON TEKEMINEN JATKA SISÄLLÖLLÄ VIERÄTÄ
Vite käyttää rakentaa , Go-pohjainen niputtaja, joka on huomattavasti nopeampi kuin perinteiset JavaScript-pohjaiset niputtajat ja nopeuttaa lähdekoodin rakennusprosessia. Se myös esiniputtaa sovelluksesi riippuvuudet ja palvelee lähdekoodia alkuperäisen ESM:n kautta, jolloin selaimet voivat optimoida moduulien lataamisen tehokkaamman ja nopeamman sovelluksen suorituskyvyn saavuttamiseksi. Kun on aika ottaa sovelluksesi käyttöön tuotantoon, Vitellä on sisäänrakennettu rakennuskomento, joka optimoi sovelluksesi automaattisesti käyttöönottoa varten ja varmistaa, että sovelluksesi toimii sujuvasti.
Windows 10 ei käynnisty vikasietotilassa
Vite-projektin luominen
Ennen kuin luot Vite-projektin, huomaa, että Vite vaatii Node.js-version 14.18+ tai 16+. Voit katsoa näitä artikkeleita asentaaksesi Noden Windows- tai Ubuntu-koneellesi.
- Miten asenna Node.js Windowsiin .
- Oppia kuinka Npm ja Node.js asennetaan Ubuntuun
Luo Vite-projekti suorittamalla tämä komento terminaalissa.
npm create vite@latest
Kun komento alkaa suorittaa, sinua pyydetään antamaan projektin nimi. Kirjoita projektisi nimi ja napsauta Enter.
Seuraavaksi Vite kehottaa sinua valitsemaan kehyksen. Valitse Reagoi.
File Explorer tumma teema ei toimi
Vite pyytää sinua myös valitsemaan muunnelman. Valitse JavaScript.
Kun Vite on saanut projektin valmiiksi, selaa sen luomassa hakemistossa ja asenna riippuvuudet npm:n kautta.
kuinka seurata kotiverkon liikennettä
npm install
Suorita projekti käyttämällä tätä komentoa:
npm run dev
Tämän pitäisi olla kotisivu.
Voit aloittaa projektisi muokkaamisen ja muutokset näkyvät selaimessa.
Käytä Viteä nopeaan kehitysvauhtiin
CRA (create-react-app) on yleensä oletustyökalu React-sovelluksen projektirakenteen ja konfiguroinnin määrittämiseen. Se on kätevää, koska kaikki on määritetty puolestasi, mutta sen rakentaminen ja lataaminen voi olla hidasta kehityksen aikana.
Vite puolestaan käyttää selaimessa natiivia ES-moduuleja nopeuttaakseen rakennusaikaa. Jos et halua käyttää Viteä, voit valita Reactin metakehyksen, kuten Next.js:n, koska se on myös suunniteltu erittäin suorituskykyiseksi.