vue cliとは何ですか-Vue.js-php.cn

ホームページ

ウェブフロントエンド

Vue.js

vue cliとは何ですか

coldplay.xixi

Nov 09, 2020 pm 02:12 PM

vue cli

vue cli は、[Vue.js] をベースにした迅速な開発のための完全なシステムです。[@vue/cli] を通じて実装されたインタラクティブなプロジェクトスキャフォールディングです。Vue CLI は、Vue のツールベースの標準化に取り組んでいます。エコシステム。これにより、さまざまなビルドツールがインテリジェントなデフォルト構成に基づいてスムーズに接続できるようになります。

vue cliとは何ですか

【おすすめ関連記事：vue.js】

Vue CLI は、Vue.js に基づく迅速な開発のための完全なシステムであり、以下を提供します。

@vue/cli スキャフォールドを通じて実装されたインタラクティブなプロジェクト。
@vue/cli @vue/cli-service-global によるゼロ構成のプロトタイプ開発。
ランタイム依存関係 (@vue/cli-service)、この依存関係:

アップグレード可能;

は webpack に基づいて構築されており、合理的なデフォルト構成;

はプロジェクト内の構成ファイルを通じて構成できます;

はプラグインを通じて拡張できます。
フロントエンドエコシステムの最高のツールを統合する公式プラグインの豊富なコレクション。
Vue.js プロジェクトを作成および管理するための完全なグラフィカルユーザーインターフェイス。

Vue CLI は、Vue エコシステムにおけるツール基盤の標準化に取り組んでいます。これにより、さまざまなビルドツールがインテリジェントなデフォルト構成に基づいてスムーズに接続できるため、構成の問題について何日も心配することなく、アプリケーションの作成に集中できます。同時に、各ツールに、イジェクトせずに構成を調整できる柔軟性も提供します。

システムのコンポーネント

Vue CLI にはいくつかの独立した部分があります。ソースコードを見ると、このリポジトリが、個別にリリースされた複数のパッケージの両方を管理していることがわかります。

CLI

CLI (@vue/cli) は、ターミナルで vue コマンドを提供する、グローバルにインストールされる npm パッケージです。 vue create を通じて新しいプロジェクトをすばやく構築したり、vueserve を通じて新しいアイデアのプロトタイプを直接構築したりできます。 vue ui を介した一連のグラフィカルインターフェイスを通じてすべてのプロジェクトを管理することもできます。次のガイドで、章ごとにさらに詳しく説明します。

CLI サービス

CLI サービス (@vue/cli-service) は開発環境の依存関係です。これは、@vue/cli によって作成されたすべてのプロジェクトにローカルにインストールされる npm パッケージです。

CLI サービスは、webpack および webpack-dev-server 上に構築されています。これには次のものが含まれます:

他の CLI プラグインをロードするためのコアサービス;
ほとんどのアプリケーション向けに最適化された内部 Webpack 構成;
プロジェクト内の vue-cli-service コマンドは、serve、build、および Inspection コマンドを提供します。

create-react-app に精通している場合は、機能セットは異なりますが、@vue/cli-service は実際には、react-scripts とほぼ同等です。

CLI サービスの章では、その具体的な使用法について説明します。

CLI プラグイン

CLI プラグインは、Babel/TypeScript トランスパイル、ESLint 統合、単体テスト、終了などのオプション機能を Vue プロジェクトに提供する npm パッケージです。 - エンドエンドテストなどVue CLI プラグインの名前は @vue/cli-plugin- (組み込みプラグイン) または vue-cli-plugin- (コミュニティプラグイン) で始まり、非常に簡単に使用できます。

プロジェクト内で vue-cli-service コマンドを実行すると、package.json にリストされているすべての CLI プラグインが自動的に解析され、読み込まれます。

プラグインは、プロジェクト作成プロセスの一部として使用することも、後の段階でプロジェクトに追加することもできます。再利用可能なプリセットのセットにグループ化することもできます。これについては、プラグインとプリセットの章で詳しく説明します。