vue プロジェクトを gitee にデプロイする方法-Git-php.cn

vue プロジェクトを gitee にデプロイする方法

PHPz

リリース： 2023-05-17 11:31:37

オリジナル

2215 人が閲覧しました

人気の JavaScript フレームワークとして、Vue のコンポーネント化、データ駆動型および単一ファイルのコンポーネント、その他の機能は広く注目され、認識されています。 Gitee (コードクラウド) は、コードホスティング、プロジェクト管理、共同開発、展開、オンライン機能を統合するオープンソースコミュニティです。この記事では、Vue プロジェクトを Gitee Pages にデプロイする方法を紹介します。

1. 準備

1.1 Gitee アカウントの作成

まず、Gitee ホームページ ([https://gitee.com/)](https ://gitee .com/) に登録してログインします。

1.2 Vue プロジェクトの作成

次に、Vue プロジェクトを作成する必要があります。ここでは Vue CLI を例に説明しますが、他の方法でプロジェクトを作成する場合は、この手順をスキップしてください。

vue create my-project

作成プロセス中に、Vue のデフォルト設定を使用するか、手動で構成するかを選択できます。 Vue プロジェクトを手動で構成する方法を知りたい場合は、Vue の公式ドキュメントを参照してください。

1.3 Git リポジトリを初期化してコードをプッシュする

Vue プロジェクトを作成したら、それを Git リポジトリに配置し、リモートリポジトリにプッシュする必要があります。 Git をインストールしており、Git の使用経験があることを前提としています。

cd my-project
git init
git add .
git commit -m "initial commit"
git remote add origin [your-gitee-repository]
git push -u origin master

ログイン後にコピー

2. Vue プロジェクトを Gitee Pages にデプロイする

2.1 Gitee Pages リポジトリを作成する

Gitee Pages は、静的ファイルを Gitee Pages リポジトリにデプロイできる静的 Web サイトホスティングサービスです。パブリックアクセス URL 経由でアクセスできるようにします。

「新しいウェアハウス」を選択し、ウェアハウス名を入力し、「README.mdファイルの初期化」と「Giteeページの作成」にチェックを入れ、最後に「ウェアハウスの作成」をクリックします。

2.2 Gitee Pages リポジトリの構成

作成が完了したら、[設定] > [Gitee Pages] を選択し、[ソース: gh-pages ブランチ] を選択する必要があります。「Gitee Pages ページ」/docs ディレクトリ」。

2.3 デプロイメントツールのインストール

Gitee Pages は、Gitee Pages 自動デプロイメントクライアントというデプロイメントツールを公式に提供しています。プロジェクトを Gitee Pages にデプロイするには、これをダウンロードしてインストールする必要があります。

Gitee ページの「自動展開クライアント機能」を見つけて、オペレーティングシステムに応じて自動展開クライアントをダウンロードしてインストールします。

2.4 自動デプロイメントの構成

自動デプロイメントクライアントをダウンロードしてインストールした後、プロジェクトのルートディレクトリにデプロイメント構成ファイルを作成する必要があります。

touch gitee-pages.yml

ログイン後にコピー

次に、テキストエディタを使用してファイルを開いて次の内容を編集する必要があります:

pages:
  branch: master
  html_dir: dist
  cname: your.gitee.pages.domain.com
  sync:
    items:
     - dist

ログイン後にコピー

このうち、branch は Gitee Pages で使用されるブランチを表し、html_dir はディレクトリを表します。 Name、cname はカスタムドメイン名を表し、sync.items はデプロイされたディレクトリを表します。ここでは dist です。

2.5 Vue プロジェクトのデプロイ

上記の作業を完了したら、自動デプロイメントクライアントを使用して Vue プロジェクトを Gitee Pages にデプロイしてみることができます。

gitee-pages push

ログイン後にコピー

これ以降、Gitee Pages 設定ページの Vue プロジェクトとカスタムドメイン名にアクセスできるようになります。

3. 概要

この記事では、Vue プロジェクトを Gitee Pages にデプロイする方法を紹介しました。簡単な操作で、Vue プロジェクトをパブリックアクセス URL にすばやくデプロイできるため、より多くの人が Vue アプリケーションにアクセスできるようになります。 Vue と Gitee Pages についてさらに詳しく知りたい場合は、公式ドキュメントとコミュニティリソースを参照して、開発方法とテクノロジをさらに探索してください。

以上がvue プロジェクトを gitee にデプロイする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。