Vue / cli3は将来、vue uiを通じてプロジェクトを構築します

Vue / cli3は将来、vue uiを通じてプロジェクトを構築します##タイトル

vue3から始めて、vueプロジェクトの迅速な構成と構築のためのWebビジュアル操作インターフェースを提供します。最新のものはvue4.5.6のようです。次は、vue uiを使用してvueプロジェクトを作成した経験です。
1.作成するプロジェクトのドライブ文字フォルダーの下で、
現在cmdとvue ui 、cmd を実行してからvue uiを実行しているドライブ文字の下にあります。その後、ドライブ文字をWebページで変更することはできません(黒いウィンドウで変更を求められますノードのバージョンが8以上になりました。ノードのバージョンは14になっているようです。
ここに画像の説明を挿入
現在のドライブ文字が左下隅に表示されます。鉱山はFドライブであり、ドライブ文字ディスプレイの左側にあるボタンに注意する必要があります。ホームボタンをクリックすると、下のインターフェイスに切り替わります。インターフェイスを長時間探した後、プロジェクトインターフェイスを作成する場所が見つからない場合は、それをクリックして奇跡を見つけることができます。
ここに画像の説明を挿入
2.プロジェクトの作成に戻りましょう。作成を
ここに画像の説明を挿入
クリックします。作成されたプロジェクトのアドレスは、上記のいくつかの場所で変更できます。

ここに画像の説明を挿入
車をひっくり返したのでgitのチェックを外しました。gitについてあまり知らないので、ロールオーバーしても問題ありません。https//blog.csdn.net/qq_40165432/article/ Details / 108697413に
は、覆された車に対する私の解決策が含まれています。

[次へ]をクリックし
ここに画像の説明を挿入
ますここでは、作成するプロジェクトプリセットを選択できます。最初は、デフォルト、カスタム、デフォルト、リモート、およびデフォルトのvue3プリセット構成の4つのオプションがあります。つまり、実行するプロジェクトプリセットを手動で選択できます。以前に設定したプリセット、またはシステムによって提供されたプリセットプログラムを選択することもできます。以前のプリセットを削除したい場合:

ここに画像の説明を挿入

このファイルを削除すると、次にアクセスしたときに独自のプリセットが失われます。独自のプリセットを削除する方法が他にもある場合は、以下にメッセージを残してください。間違っている場合はメッセージを残してください。確認、確認、および議論してみましょう。

ここでは以前のプリセットを適用しませんが、手動を使用します。
ここに画像の説明を挿入
右側は左側のオプションの理解です。実際、最後に別のオプションがあり、何をすべきかわからないので、チェックボックスをクリックします。次のステップでは、前のバージョンでvueプロジェクトのバージョンを変更することを選択したため、最初のバージョンは以下になります。2番目のバージョンは、ここではなく、#conformityの独立した選択に関するものです。構成モード:ルーターのjsファイルの「履歴」また#conformityを削除することができ、特定の用途のために、とBaiduのために行く。[モード:「歴史」]後者の二つの選択については、以下の第二画像を参照してください、私は特定の違いについては明らかではないよ、あなたが理解していれば、あなたは以下のメッセージを残すことができます。。。
ここに画像の説明を挿入
、VUEをバージョンに3.xを選択し、必要に応じ
ここに画像の説明を挿入
てクリックしてプロジェクトを作成します。これ
は、前述のプリセットの問題ですここで、プリセット構成名を入力するか、真ん中の[プリセットを保存せずにプロジェクトを作成]をクリックします。
ここに画像の説明を挿入
その後、インターフェイスが円を描くように回転します。プロジェクトの作成には
ここに画像の説明を挿入
数分かかる場合があり、その後システムプロンプトが表示されます。
ここに画像の説明を挿入

同時に、ここで作成に失敗した場合は、コンソールを見て、「。zh / index.js」モジュールが存在しないと報告し、上記のプリセット構成ファイルを削除して、関連するグローバルvueにインストールします。削除します。現在、ノードを介してコンテンツを大量にダウンロードするのではなく、cnpm / yarnなどを使用しているため、node_globalフォルダーの下にあるすべてのコンテンツを削除してから、もう一度ダウンロードしました。グローバルなので、面倒ではなく、
ここに画像の説明を挿入
cmdとvue uiを実行してプロジェクトを作成します

作成が完了すると、デフォルトでこのインターフェイスが表示されます。プロジェクトを作成する場合は、左下隅にあるホームアイコンをクリックします。この時点でプロジェクトを表示するには、プロジェクトの
ここに画像の説明を挿入
下に次の画像を表示します。完了後、左から右へ
ここに画像の説明を挿入

起動に成功したら
ここに画像の説明を挿入
[Ang]をクリックしてアプリを起動し
ここに画像の説明を挿入
ます。上記のインターフェースで実行すれば、完了です。最後に、必要がない場合は一時停止ボタンをクリックします。そうしないと、ネットワークポートが使用されます。

最後に、私の手順の不備についてコメントや提案がある場合は、コメントにメッセージを残してください。これにより、フォローアップがより便利で合理的になり、このツールの理解と使用が深まります。

おすすめ

転載: blog.csdn.net/qq_40165432/article/details/108697341
おすすめ