Comment déployer le projet Vue sur Gitee

Avec le développement de la technologie front-end, de plus en plus d'entreprises ou de particuliers commencent à utiliser Vue pour développer des projets front-end. Cependant, une fois le développement du projet terminé, comment le déployer sur le cloud ?

Dans cet article, nous explorerons comment déployer votre projet Vue sur Gitee, vous permettant de montrer facilement votre projet au monde.

1. Créer un dépôt Gitee

Tout d'abord, vous devez créer un dépôt sur Gitee pour stocker le code de votre projet Vue. Si vous n'avez pas encore de compte Gitee, veuillez d'abord en créer un.

Connectez-vous à Gitee et cliquez sur le bouton "Nouveau" dans le coin supérieur droit, puis sélectionnez "Nouvel entrepôt" dans le menu déroulant.

Dans la nouvelle page, entrez le nom de votre référentiel, la description et la catégorie sélectionnée, sélectionnez l'accès "Public" ou "Privé" et ajoutez d'autres paramètres (tels que la langue du projet, etc.).

Une fois que vous avez saisi toutes les informations nécessaires et confirmé qu'elles sont correctes, cliquez sur "Créer un entrepôt".

2. Créer un projet Vue localement

Après avoir créé l'entrepôt sur Gitee, nous devons créer un projet Vue localement.

Entrez la commande suivante sur la ligne de commande pour créer un nouveau projet Vue à l'aide de Vue CLI :

vue create <app-name>

Ensuite, sélectionnez le type de configuration que vous souhaitez et attendez le projet création à terminer.

Une fois la création du projet terminée, utilisez la commande suivante pour démarrer le serveur de développement local :

npm run serve

Cela démarrera un serveur local sur lequel vous pourrez visualiser et tester votre application Vue .

3. Connectez le référentiel local et le référentiel Gitee

Maintenant, nous avons créé le projet Vue local et le référentiel Gitee, mais ils ne sont pas encore connectés ensemble.

Dans le répertoire du projet Vue local, ouvrez la ligne de commande et entrez la commande suivante :

git init

Cela créera un nouveau référentiel Git local. Ensuite, nous devons associer ce référentiel local au référentiel Gitee.

Entrez la commande suivante dans la ligne de commande :

git remote add origin <远程仓库地址>

où doit être l'adresse de l'entrepôt que vous avez créée sur Gitee.

Maintenant, nous avons réussi à associer le référentiel local au référentiel Gitee distant.

4. Télécharger les fichiers locaux dans le référentiel Gitee

Dans cette étape, nous devons télécharger le code du projet Vue local dans le référentiel Gitee.

Localement et dans le répertoire du projet Vue, utilisez la commande suivante pour ajouter votre code et le valider dans le référentiel Git local :

git add .
git commit -m "Initial commit"

Cela mettra votre application Vue Add all les fichiers et dossiers du programme dans le référentiel local de Git et validez-le.

Ensuite, utilisez la commande suivante pour transférer toutes les modifications locales vers le référentiel Gitee distant :

git push -u origin main

Cela poussera le code de votre projet Vue vers le référentiel Gitee distant que vous avez créé sur Gitee Dans l'entrepôt. Une fois le téléchargement terminé, vous pouvez visualiser le code de votre projet sur Gitee.

5. Déployer le projet Vue

Maintenant, nous avons téléchargé le projet Vue dans le référentiel Gitee. Voici comment le déployer.

Dans le référentiel Gitee, cliquez sur le bouton "Paramètres" et sélectionnez l'onglet "Pages".

Dans l'onglet "Pages", vous pouvez activer le service Gitee Pages pour votre projet Vue.

Tout d'abord, sélectionnez le menu déroulant "Source" et sélectionnez-y la branche "gh-pages". Ensuite, sélectionnez le bouton « Enregistrer » pour enregistrer vos modifications.

En haut de la page, vous verrez l'URL de votre projet. Vous avez maintenant déployé avec succès votre projet Vue et pouvez y accéder via cette URL.

6. Mettre à jour le projet Vue

Après avoir déployé votre projet Vue sur Gitee, vous devrez peut-être le mettre à jour ou le modifier. Vous pouvez mettre à jour en suivant ces étapes :

Tout d'abord, dans le répertoire de votre projet Vue local, exécutez la commande suivante pour obtenir le dernier code :

git pull origin main

Cela téléchargera le dernier code et fusionnez-le dans votre référentiel local.

Ensuite, téléchargez vos modifications dans le référentiel Gitee :

git add .
git commit -m "Your commit message"
git push origin main

Maintenant, vos mises à jour ont été téléchargées avec succès sur Gitee et sont efficaces sur votre projet Vue.

Résumé :

Dans ce tutoriel, nous avons montré comment déployer votre projet Vue sur Gitee. Veuillez vous assurer d'avoir créé un référentiel sur Gitee et connecté votre projet Vue local au référentiel Gitee. Ensuite, téléchargez le fichier dans le référentiel Gitee, activez le service Gitee Pages et vous pourrez facilement déployer votre projet Vue.

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!