1.vue-cliのインストール
win+r コマンドを使用してコマンド ラインを開き、次のコマンドを入力してインストールします。
npm install -g @vue/cli
# OR
yarn global add @vue/cli
インストールが成功したら、インストールされているバージョンが 3.0 以降であるかどうかを確認します。
vue -V
2. プロジェクトを作成する
vue-test という名前のプロジェクトを作成します
vue create vue-test
プロジェクトディレクトリに入り、コマンドを実行します。
cd project-vue3
npm run serve
次のコマンドを使用して、VSCode でプロジェクトを開きます
code .
ブラウザに「localhost:8080/」と入力すると、プロジェクトにアクセスできます。
もちろん、コマンドラインからプロジェクトを作成するこの方法は、個人的にはかなり面倒なので、vue バージョン 3.0 以降でのみ実行できる以下のプロジェクト マネージャーをお勧めします。
3. プロジェクトマネージャー
最初に同じようにコマンドラインを開きます: win+r でグラフィカル Vue プロジェクトマネージャーを開きます。
vue ui
正常に開くと、自動的にブラウザ インターフェイスに移動します。
クリックして新しいプロジェクトを作成し
、タスクをクリックしてテストして実行します。
プロジェクトの左側で、プロジェクトに必要な依存関係を追加して、
依存関係をインストールします。必要です。