vue-cli4.5.xはプロジェクトを素早く構築します

1. vue-cliをインストールする

vue.js で vue.js を実行します。

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

vue-cli は、src などを含む完全なプロジェクト フォルダーを作成します。プロジェクト ファイルを配置する予定のフォルダーに cd して、次のコードを実行するだけです。

1. プロジェクトファイルを生成します。

端末入力:

vue プロジェクト名を作成

2. 生成構成方法を選択する

手動で設定する場合は、一番下の項目を選択してください
(eslint を使いたい場合は、vue3 を選択してください)

3. プラグインの選択

必要なプラグインを選択し、上下の矢印を使用して移動し、スペースバーを使用して選択状態を切り替えます。

間違った選択をしたり、見逃したりしていませんか？心配しないでください。ビルドが完了した後でも、Vue UI からプラグインの設定を変更できます（以下で説明します）。

私は ESLint にあまり詳しくないので、ここでは紹介しません...
必要に応じて、最低レベルのユニット テストとエンドツーエンド テスト (E to E テスト) を開始できます。

4. 単品構成

個別に設定するには、最初のオプション「Vue バージョンを選択」を選択します。
vue-router の HTML5 履歴モードを有効にしますか?

これを有効にすることをお勧めします。これにより、URL がよりクリーンで読みやすくなります。
SPA ページでは、多くのメソッドが HTML5 履歴モードに依存しています。

babel や eslint などの設定ファイルをどのように保存しますか?

ここでは最初のオプションをお勧めします...個別の構成ファイルを生成して、変更するときに、対応する構成ファイルを見つけて対応する構成を変更するだけで済むようにします。

わかりました。このビルド プロジェクトの構成を将来使用する予定はありますか?

それはあなたが決めることです...
[はい] を選択すると、次に最初の手順を実行するときに、カスタマイズされた構成方法である 4 番目のオプションが表示されます。

独自の設定に名前を付けます: projectname

5. パッケージ管理ツールを選択する

npm または yarn を選択するよう求められます。ここでは示さずに npm を直接使用しましたが、これは奇妙です。
使用したいものを選択してください。

これで作成は完了です。

それでは実行して確認してみましょう。

npm 実行サーブ

対応するポートを入力すると、Vue の初期インターフェースが表示されます。

3. VueUIの変更構成

cmdを開き、「vue ui」と入力してGUIサービスが開始するのを待つと、ローカルサービスに基づくUIインターフェースが自動的に開きます。

プロジェクト ファイルをインポートすると、左側のプラグイン カテゴリでプロジェクトをすばやく実行したり、プラグインをインストールしたり、プラグインをアンインストールしたりできるようになります。

アドオン - 保存された設定オプションの削除

設定を保存すると、次回使用するときに独自の設定がもう 1 つ存在することになります。設定が多すぎると、少し混乱するかもしれません。

これらの設定は、Cドライブの管理者の下にある「.vuerc」ファイルに保存されます。

対応するオブジェクトを削除するだけです。

要約する

これで、vue-cli4.5.x のクイック プロジェクト構築に関するこの記事は終了です。vue-cli4.5.x プロジェクト構築に関するその他の関連コンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、次の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。