Vue プロジェクトの作成: プラグインの選択とアイデアのインポート

プロジェクトが保存されるフォルダーに移動します (管理者として cmd を実行することに注意してください。powershell を使用する場合は、セキュリティ ポリシーを設定する必要があります)。

1. fileproject01 という名前のプロジェクトを作成します

vue 作成ファイルプロジェクト 01
ここに画像の説明を挿入します

2. スキャフォールディングプラグインの選択

  1. 3 番目のオプションを選択します: 機能を手動で選択します: 機能を手動で選択します
    ここに画像の説明を挿入します


>オプションの選択: 矢印を使用して、babel プラグインおよび eslint プラグインが含まれるデフォルトの vue2 テンプレートを選択します
>。デフォルトの vue3 テンプレートには、babel プラグインおよび eslint プラグインの
>手動オプションが含まれます。

  1. 手動オプションは次のとおりです: babel (ES6 から ES5 ツール)、router (ルーティング)、Vuex。他のプラグインを最初にインストールしないでください。後で必要になったときに手動でインストールできます。(スペースバーを押して選択または選択をキャンセルし、選択が完了したら Enter を押します)
    ここに画像の説明を挿入します

? 選択してください: 手動オプション
? プロジェクトに必要な機能を確認してください: (<space>選択を押し、<a>すべてを切り替え、<i>選択を反転)
() vue バージョンを選択
(*) 構文の上位および下位バージョンのコンバーター プラグイン (上位バージョンの構文を次の形式に変換します)低バージョン構文 )
( ) スタイル プラグイン
( ) プログラムを小さなプログラムにパッケージ化するプラグイン
( * ) ルーティング プラグイン
( * ) Vuex
( ) CSS スタイルの前処理プラグイン
( ) コード フォーマット プラグイン
( ) ユニットテスト
( ) エンドツーエンドのテスト

  1. プラグインオプションの選択
    ここに画像の説明を挿入します

次のステップでは、vue バージョンを選択します。ここではvue2 を選択します
package.json が現在のプロジェクトを今後のプロジェクト作成のテンプレートとして使用するかどうかを選択します: いいえ (n)

  1. 足場構築中(入場後1分ほどお待ちください)
    設置
    ここに画像の説明を挿入します
    完了です。
    ここに画像の説明を挿入します

3. プロジェクトを手動で入力して実行します

cd fileproject01
npm run serve

演算結果
ここに画像の説明を挿入します

4. アイデアのインポート

  1. idea でプロジェクトを開き、vue.js プラグインを取得します: file-settings-plugins-vue.js-install
    ここに画像の説明を挿入します
  2. 実行中のショートカット
    追加構成を設定するここに画像の説明を挿入します

おすすめ

転載: blog.csdn.net/qq_38662733/article/details/122896108