So stellen Sie ein Vue-Projekt in Gitee bereit

Mit der Entwicklung der Front-End-Technologie beginnen immer mehr Unternehmen oder Einzelpersonen, Vue zur Entwicklung von Front-End-Projekten zu nutzen. Wie kann die Projektentwicklung jedoch nach Abschluss der Projektentwicklung in der Cloud bereitgestellt werden?

In diesem Artikel erfahren Sie, wie Sie Ihr Vue-Projekt auf Gitee bereitstellen, sodass Sie Ihr Projekt ganz einfach der Welt zeigen können.

1. Erstellen Sie ein Gitee-Repository.

Zuerst müssen Sie ein Repository auf Gitee erstellen, um den Code Ihres Vue-Projekts zu speichern. Wenn Sie noch kein Gitee-Konto haben, registrieren Sie bitte zunächst eines.

Melden Sie sich bei Gitee an, klicken Sie oben rechts auf die Schaltfläche „Neu“ und wählen Sie im Dropdown-Menü „Neues Lager“ aus.

Geben Sie auf der neuen Seite Ihren Repository-Namen, Ihre Beschreibung und die ausgewählte Kategorie ein, wählen Sie „Öffentlicher“ oder „Privater“ Zugriff und fügen Sie weitere Einstellungen hinzu (z. B. Projektsprache usw.).

Nachdem Sie alle notwendigen Informationen eingegeben und bestätigt haben, dass sie korrekt sind, klicken Sie auf „Lager erstellen“.

2. Erstellen Sie lokal ein Vue-Projekt.

Nachdem wir das Warehouse auf Gitee erstellt haben, müssen wir lokal ein Vue-Projekt erstellen.

Geben Sie den folgenden Befehl in der Befehlszeile ein, um mit der Vue-CLI ein neues Vue-Projekt zu erstellen:

vue create <app-name>

Wählen Sie dann den gewünschten Konfigurationstyp aus und warten Sie auf das Projekt Schöpfung zu vollenden.

Nachdem das Projekt erstellt wurde, starten Sie den lokalen Entwicklungsserver mit dem folgenden Befehl:

npm run serve

Dadurch wird ein lokaler Server gestartet, auf dem Sie Ihre Vue-Anwendung anzeigen und testen können.

3. Lokales Repository und Gitee-Repository verbinden

Jetzt haben wir das lokale Vue-Projekt und das Gitee-Repository erstellt, aber sie sind noch nicht miteinander verbunden.

Öffnen Sie im Verzeichnis des lokalen Vue-Projekts die Befehlszeile und geben Sie den folgenden Befehl ein:

git init

Dadurch wird ein neues lokales Git-Repository erstellt. Als nächstes müssen wir dieses lokale Repository mit dem Gitee-Repository verknüpfen.

Geben Sie den folgenden Befehl in die Befehlszeile ein:

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

wobei die Lageradresse sein sollte, die Sie auf Gitee erstellt haben.

Jetzt haben wir das lokale Repository erfolgreich mit dem Remote-Gitee-Repository verknüpft.

4. Lokale Dateien in das Gitee-Repository hochladen

In diesem Schritt müssen wir den Code des lokalen Vue-Projekts in das Gitee-Repository hochladen .

Lokal und im Vue-Projektverzeichnis verwenden Sie den folgenden Befehl, um Ihren Code hinzuzufügen und in das lokale Git-Repository zu übertragen:

git add .
git commit -m "Initial commit"

Dadurch wird Ihre Vue-Anwendung „Alle hinzufügen“ hinzugefügt Kopieren Sie die Dateien und Ordner des Programms in das lokale Repository von Git und übernehmen Sie sie.

Als nächstes verwenden Sie den folgenden Befehl, um alle lokalen Änderungen in das Remote-Gitee-Repository zu übertragen:

git push -u origin main

Dadurch wird Ihr Vue-Projektcode in das Remote-Gitee-Repository übertragen, das Sie auf Gitee erstellt haben Im Lager. Sobald der Upload abgeschlossen ist, können Sie Ihren Projektcode auf Gitee einsehen.

5. Vue-Projekt bereitstellen

Jetzt haben wir das Vue-Projekt in das Gitee-Repository hochgeladen. Hier erfahren Sie, wie Sie es bereitstellen.

Klicken Sie im Gitee-Repository auf die Schaltfläche „Einstellungen“ und wählen Sie die Registerkarte „Seiten“.

Im Reiter „Seiten“ können Sie den Gitee Pages-Dienst für Ihr Vue-Projekt aktivieren.

Wählen Sie zunächst das Dropdown-Menü „Quelle“ und dort den Zweig „gh-pages“ aus. Wählen Sie dann die Schaltfläche „Speichern“, um Ihre Änderungen zu speichern.

Oben auf der Seite sehen Sie die URL für Ihr Projekt. Jetzt haben Sie Ihr Vue-Projekt erfolgreich bereitgestellt und können über diese URL darauf zugreifen.

6. Vue-Projekt aktualisieren

Nachdem Sie Ihr Vue-Projekt auf Gitee bereitgestellt haben, müssen Sie es möglicherweise aktualisieren oder ändern. Sie können ein Update durchführen, indem Sie die folgenden Schritte ausführen:

Führen Sie zunächst im Verzeichnis Ihres lokalen Vue-Projekts den folgenden Befehl aus, um den neuesten Code abzurufen:

git pull origin main

Dadurch wird der heruntergeladen Laden Sie den neuesten Code herunter und führen Sie ihn in Ihr lokales Repository ein.

Als nächstes laden Sie Ihre Änderungen in das Gitee-Repository hoch:

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

Jetzt wurden Ihre Aktualisierungen erfolgreich auf Gitee hochgeladen und sind für Ihr Vue-Projekt wirksam.

Zusammenfassung:

In diesem Tutorial haben wir gezeigt, wie Sie Ihr Vue-Projekt auf Gitee bereitstellen. Bitte stellen Sie sicher, dass Sie ein Repository auf Gitee erstellt und Ihr lokales Vue-Projekt mit dem Gitee-Repository verbunden haben. Laden Sie als Nächstes die Datei in das Gitee-Repository hoch, aktivieren Sie den Gitee Pages-Dienst und Sie können Ihr Vue-Projekt problemlos bereitstellen.

Das obige ist der detaillierte Inhalt vonSo stellen Sie ein Vue-Projekt in Gitee bereit. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!