Vue 0-1 ビルド プロジェクト

Vue は 0-1 からプロジェクトをビルドします
。 前提条件: プロジェクトを作成する必要があるフォルダーを入力し、コマンド ライン ウィンドウを開きます。
windows+r コマンド ライン ウィンドウを開き、
vue2.0 プロジェクトを作成します:
自動作成
1. vue create 项目名称
3 つの関数のみが含まれています: vue2/3、babel、eslint
ここに画像の説明を挿入
マニュアル作成
1.vue create 项目名称
メリット: より多くの機能を選択できる
コマンド入力後、以下のページが表示されます。
ここに画像の説明を挿入
2.
設定項目
↑↓スイッチオプション、
スペーススイッチ選択状態
※はインストールする機能を示します
ここに画像の説明を挿入
選択vue2.0 バージョンが
ここに画像の説明を挿入
履歴モードを使用するかどうか Route (n を入力することをお勧めします)
ここに画像の説明を挿入
使用する CSS プリプロセッサを選択します (ここでは [Less] を選択します)
ここに画像の説明を挿入
使用する ESLint 構文ルールを選択します (ここでは ESLint + Standard config を選択します)
ここに画像の説明を挿入
追加の lint 関数を選択します (これは保存時に Lint を選択することを推奨、Ctrl + S の時点でコードが仕様に準拠しているかどうかを確認します)
ここに画像の説明を挿入
サードパーティ製プラグインの設定オプションをどの設定ファイルに入れるか(専用の設定ファイル内を選択することをお勧めします) 、意味: 独立した設定ファイル)
ここに画像の説明を挿入
直前のすべての操作を保存するかどうか プリセットについては、次回プリセットに基づいてプロジェクトを直接生成すると便利です: n (使用するとき) vue3.0 プロジェクトを作成します
ここに画像の説明を挿入
: を
使用しますプロジェクトの構築に招待する
1. プロジェクトを作成する

# 使用npm
npm create vite@latest
# 使用yarn
yarn create vite
# 使用pnpm
pnpm create vite

2. プロジェクト名を入力します。デフォルトは vite-project です。
ここに画像の説明を挿入
3. フロントエンド フレームワークを選択します。
ここに画像の説明を挿入

4. プロジェクト タイプを選択します
ここに画像の説明を挿入5. 正常に作成されました。vue3
ここに画像の説明を挿入
コンポーネント コードは vue2 とは多少異なり、使用される構文プロンプトと強調表示プラグインも異なります。vscode を使用してコードを記述する場合、vue3 は に切り替える必要があります。 veturプラグインを
無効にし、volar プラグインをインストールする必要があります。

おすすめ

転載: blog.csdn.net/weixin_45534301/article/details/131433986