Vite [2] vite を使用してプロジェクトを作成する

Vite [2] vite を使用してプロジェクトを作成する


序文

vite (「クイック」を意味するフランス語、/vit/「veet」のように発音) は、フロントエンド開発エクスペリエンスを大幅に改善できる新しいフロントエンド構築ツールです。Vite は webpack パッケージング ツールよりも起動とホット アップデートが高速です. Vite は esbuild (Go で記述) を使用して依存関係を事前にビルドしますが、webpack は node.js に基づいているため、vite は webpack よりも 10 倍から 100 倍高速です。


viteプロジェクトを作成する

  1. プロジェクトの作成コマンドを実行します
# 使用npm
npm create vite@latest
# 使用yarn
yarn create vite
# 使用pnpm
pnpm create vite

入力:
ここに画像の説明を挿入

2. プロジェクト名を入力します。デフォルトは vite-project です
ここに画像の説明を挿入
3. フロントエンド フレームワークを選択します
ここに画像の説明を挿入
4. 言語タイプを選択します
ここに画像の説明を挿入
5. 作成が完了しました
ここに画像の説明を挿入
6. プロジェクト ディレクトリに入り、依存関係をインストールし ( pnpm i)、プロジェクトを開始します
ここに画像の説明を挿入
7.結果を実行する
ここに画像の説明を挿入

おすすめ

転載: blog.csdn.net/qq_51602285/article/details/128874510