vue cli を使用して vue3 プロジェクトを作成するための vue3 チュートリアル ガイド

最初の一歩

1. vue --version を使用して、vue がインストールされているかどうかを確認します
如果没有安装,使用命令:npm install vue-cli -g 安装,安装成功之后会显示版本号

ここに画像の説明を挿入します

2. プロジェクトの作成: コマンド vue create init-pwa-project を使用してプロジェクトを作成します (init-pwa-project はプロジェクト名です)。実行後は次のようになります。

ここに画像の説明を挿入します
作成する vue3 を選択してください:
ここに画像の説明を挿入します
インストールが成功しました ヒント:
ここに画像の説明を挿入します
ディレクトリ内に、正常に作成されたプロジェクトのフォルダーが表示されます。
ここに画像の説明を挿入します

3. プロジェクトを実行する
  1. init-pwa-project ディレクトリに入ります
  2. コマンド npm runserve を実行すると、次の結果が得られます。
    ここに画像の説明を挿入します
4. Webページの効果

ブラウザから http://localhost:8081/ または対応する IP+ポートにアクセスします。
ここに画像の説明を挿入します

おすすめ

転載: blog.csdn.net/qq_37617413/article/details/123505082