"Si un ouvrier veut bien faire son travail, il doit d'abord affûter ses outils." - Confucius, "Les Entretiens de Confucius. Lu Linggong"
Page de garde > La programmation > Configurer React avec Vite étape par étape

Configurer React avec Vite étape par étape

Publié le 2024-11-08
Parcourir:311

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

Setup React With Vite Step-by-Step

É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

Setup React With Vite Step-by-Step

É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

Setup React With Vite Step-by-Step

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

Setup React With Vite Step-by-Step

Et c'est tout; Vous avez maintenant votre projet Vite
Setup React With Vite Step-by-Step

É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 qui vous a été demandée

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

### install dependencies
yarn install

Setup React With Vite Step-by-Step

É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

Setup React With Vite Step-by-Step

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

Setup React With Vite Step-by-Step


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 des applications ReactJS à l'aide de Vitejs

Merci

Déclaration de sortie Cet article est reproduit sur : https://dev.to/ramadhan002/setup-react-with-vite-step-by-step-48mi?1 En cas de violation, veuillez contacter [email protected] pour le supprimer.
Dernier tutoriel Plus>

Clause de non-responsabilité: Toutes les ressources fournies proviennent en partie d'Internet. En cas de violation de vos droits d'auteur ou d'autres droits et intérêts, veuillez expliquer les raisons détaillées et fournir une preuve du droit d'auteur ou des droits et intérêts, puis l'envoyer à l'adresse e-mail : [email protected]. Nous nous en occuperons pour vous dans les plus brefs délais.

Copyright© 2022 湘ICP备2022001581号-3