Configurer React avec Vite étape par étape

Vite est un Build Tools moderne conçu pour offrir une expérience de développement rapide et efficace, en particulier pour les applications basées sur JavaScript telles que React, Vue et autres.

Vite lui-même se concentre davantage sur la vitesse de développement avec une configuration minimale et des temps de chargement plus rapides pendant le processus de développement. Les temps de création de production sont également généralement plus rapides grâce aux optimisations du cumul

Dans ce tutoriel, vous apprendrez comment installer Reactjs avec Vite étape par étape

Étape 1
Ouvrez l'application terminal que vous avez, ici j'utilise cmder, et allez dans le dossier où vous souhaitez installer l'application

Étape 2
Pour effectuer le processus d'installation, vous pouvez utiliser "yarn" ou "npm",
tapez la commande suivante dans votre terminal,

##NPM
npm create vite@latest

##YARN
yarn create vite

J'utilise du fil.

Après avoir exécuté la commande ci-dessus, il vous sera demandé de saisir le nom de l'application que vous souhaitez créer, comme indiqué dans l'image suivante

Étape 3
Vous verrez une liste ; utilisez les touches fléchées pour vous déplacer de haut en bas dans la liste, cliquez sur Entrée pour sélectionner votre option préférée.
Dans cette étape, nous choisirons React

Étape 3
Vous verrez cinq options parmi lesquelles choisir, accédez et sélectionnez
Ici, je choisirai Typescript SWC

Et c'est tout ; Vous avez maintenant votre projet Vite

Étape 4
Comme indiqué dans les résultats finaux de l'étape 3, vous êtes invité à entrer le dossier d'application que vous avez créé, puis à exécuter la commande comme indiqué

### masuk ke folder aplikasi anda
cd react-vite

### install dependencies
yarn install

Étape 5
Une fois tous les processus de l'étape 4 réussis, pour exécuter l'application, vous devez exécuter la commande suivante

### npm 
npm run dev

### yarn
yarn dev

Une fois l'application exécutée avec succès, vous pouvez accéder à l'application selon le lien affiché dans le terminal

Conclusion :
Vous voyez, ce n'est pas difficile du tout et l'ensemble du processus ne prend pas longtemps.

Vous avez maintenant appris avec succès à installer l'application ReactJS à l'aide de Vitejs

Merci

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!