Vue スキャフォールディングとは何ですか

vue スキャフォールディングは、単一ページ アプリケーションの複雑なスキャフォールディングを迅速に構築するための特殊なスキャフォールディングである vue-cli を指します。新しいアプリケーションを簡単に作成でき、vue および webpack プロジェクトを自動的に生成するために使用できます。テンプレート。

Vue は、ユーザー インターフェイスを構築するための進歩的なフレームワークです。下から上に層ごとに適用できます。 Vue のコア ライブラリはビュー レイヤーのみに焦点を当てており、開始が簡単であるだけでなく、サードパーティのライブラリや既存のプロジェクトとの統合も簡単です。一方、最新のツール チェーンやさまざまなサポート クラス ライブラリと組み合わせると、Vue は複雑な単一ページ アプリケーション用のドライバーを提供することができます。次に、Vue の重要なコンテンツである vue-cli を紹介します。参考値、皆さんの参考になれば幸いです。

[おすすめコース: Vue.js チュートリアル]

vue-cli とは

vue-cli は Vue が提供する公式 cli で、単一ページ アプリケーションの複雑なスキャフォールディングを迅速に構築するように設計されています。これは、vue.js Webpack を自動的に生成するためのプロジェクト テンプレートであり、最新のフロントエンド ワークフロー向けにバッテリーを含むビルド設定を提供します。ホットリロード、保存時の lint 検証、実稼働対応のビルドを使用して、わずか数分で起動して実行できます。

vue-cli の使用

(1) vue-cli をインストールします

ターミナル ウィンドウを開き、cmd (win R ショートカット キー) を開き、次の内容を入力します

npm install -g @vue.cli

この記事では、インストールする必要がありますvue-cli バージョン 3 以降。バージョンを確認したい場合は、次のコマンドを入力します。

vue --version

インストールされているバージョンがバージョン 3 より前の場合は、最新バージョンをインストールする必要があります

(3)カスタム プロジェクトを作成する

Angular や React CLI と同様、Vue の CLI を使用すると、新しいアプリケーションを簡単に作成できます。 Vue メソッドの最も優れた機能は、目的に応じてカスタマイズされたボイラープレート プロジェクトを取得できることです。

ターミナルに次のように入力します:

vue create my-app

ここで、CLI で次のことを選択できます。プリセットの 1 つを変換します。babel または eslint を使用するか、使用する機能を手動で選択します。 [手動] を選択すると、次の画面が表示されます。

# すべての質問に答えると、Vue が必要なものをすべてダウンロードしてインストールします。そこからディレクトリに移動し、 npm runserve を実行してプロジェクトを表示するか、エディタで開くことができます。以下の画像は、利用可能な機能の多くまたはすべてを選択した場合の足場プロジェクトがどのように見えるかを示しています。

要約: 以上がこの記事の全内容ですが、この記事が皆さんの vue-cli に関する関連知識の理解に役立つことを願っています。

以上がVue スキャフォールディングとは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。