Vueプロジェクトの開発---プロジェクトを初期化し、giteeを使用してホストします

1.CLI3を使用してプロジェクトを作成します

vue create 项目名称


上の図は、現在のシステムインストールスキャフォールディングバージョンが2.9.6であることを示しています。したがって、古いバージョンのスキャフォールディングをアンインストールしてから、対応する新しいバージョンのスキャフォールディングをインストールする必要があります。

//卸载脚手架
npm uninstall -g @vue/cli

//安装指定版本脚手架
npm install -g @vue/cli@3.2.1

インストールプロセス中に次のエラーが発生した場合:
ここに画像の説明を挿入
ローカルユーザーのディレクトリC:\ Users \ Lenoevで.vuercファイルを見つけて削除するだけで、問題ありません。
ここに画像の説明を挿入
ここに画像の説明を挿入

2.ローカルプロジェクトとリモートウェアハウス間のリンクを確立します

2.1.以下の操作の前提は、giteeリモートにウェアハウスが作成され、ローカルファイルがリモートに送信されることです。

まず、新しいフォルダーをローカル
に作成し、スーパーメールを送信し、手順1でvueスキャフォールディングを使用して作成したプロジェクトのsupermail1フォルダーの下にいくつかのフォルダーとファイル(node_modulesと.gitを除く)をコピーしてスーパーメールに貼り付けます。

2.2、リンクを確立する

webstromで目を引くものを開き、supermalフォルダに入ります
ここに画像の説明を挿入

2.3。ローカルプロジェクトのgitステータスを表示する

git status

ここに画像の説明を挿入

2.4.コードをローカルウェアハウスに一時的に保存します

git add .

ここに画像の説明を挿入

2.5。コードをローカル倉庫に送信します

git commit -m '初始化'

ここに画像の説明を挿入

2.6。このリモートウェアハウスにコードを送信する

git push

ここに画像の説明を挿入

2.6.提出の成功

ここに画像の説明を挿入

3.vueCLI3を使用してローカルで作成されたプロジェクトとリモートウェアハウスの間にリンクを確立します

  • スキャフォールディング3で正常に作成されたプロジェクトには、.gitファイルが必要です。
  • まず、空のウェアハウスをリモートで作成します(readme、オープンソースプロトコルなどのファイルはありません)。つまり、フォルダーやファイルはありません。

空の倉庫
ここに画像の説明を挿入

3.1。開発ツールを使用して、scaffold3で作成されたプロジェクトを開きます。

次のコマンドを順番に入力します

git remote add origin https://gitee.com/beginner01/test.git

git push -u origin "master"

ここに画像の説明を挿入

3.2.コードは正常に送信されました

ここに画像の説明を挿入

おすすめ

転載: blog.csdn.net/qq_46112274/article/details/123770058