Vue3+Ts+Vite プロジェクト (パート 1) - Vite を使用して Vue3 プロジェクトを作成する

概要

ナニーレベルの詳細な説明、Viteを使用してVue3 プロジェクトを作成する方法をガイドします。必要なのは cv だけです



1.Viteをインストールする

互換性に関する注意:
Vite には Node.js バージョン 12.0.0 以上が必要です。Node.js の v16 バージョンを使用することをお勧めします

npm を使用します。

npm init vite@latest

使用糸:

yarn create vite

pnpm を使用します。

pnpm create vite

2. プロジェクトを作成する

npm create vite@latest 

2.1 上記のコマンドを実行すると、プロジェクト名の入力を求められます。vue3-studyを書くことができます

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

2.2 プロジェクト テンプレートを選択し、ここで Vue を選択し、Enter キーを押して確認します

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

2.3 TypeScript を選択し、Enter キーを押して確定します。

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

2.4 コマンドの順序

  • cd vue3-study (ファイルをこのフォルダーに切り替えます)
  • npm installl (プロジェクトの依存関係をインストール)
  • npm run dev (プロジェクトを実行)

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

2.5 プロジェクトを実行する

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

2.6 プロジェクトの作成が成功しました

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

おすすめ

転載: blog.csdn.net/qq_61402485/article/details/132774197