Vite を使用して vue3 プロジェクトをすばやく作成します (非常に簡単、非常に高速)

チュートリアルが何であっても、公式 Web サイトが優先されます。以下に 2 つの公式 Web サイトのジャンプ アドレスを示します。

 Vite 中国語ウェブサイト

Vue.js

次に、VUE3 プロジェクトの正式な作成を開始します。

1. フォルダーを作成し、エディターで統合ターミナルを開きます

node -v は、ノード環境がインストールされているかどうかを確認します。

 2. vite 公式 Web サイトでは、さまざまな作成方法があることがわかります。

 個人的には、次の方法で作成することをお勧めします。npm、yarn がインストールされているかどうかわからない場合、またはバージョン番号がわからない場合は、npm -v と入力して確認できます。

私が使用するのは、

npm init vite@latest my-vue-app -- --template vue

 ここで、my-vue-app はプロジェクト名であり、自由に変更できます。template vue は vue テンプレートを作成することを意味します。

y、vue、vue を順に選択して、作成が完了したことを示します

 プロンプトに従い、「cd my-vue-app---npm install---npm run dev」と入力します。

プロジェクトを普通に開始できます。とても簡単ですね。