ホームページ >ウェブフロントエンド >Vue.js >vue cliとは何ですか
vue cli は、[Vue.js] をベースにした迅速な開発のための完全なシステムです。[@vue/cli] を通じて実装されたインタラクティブなプロジェクト スキャフォールディングです。Vue CLI は、Vue のツール ベースの標準化に取り組んでいます。エコシステム。これにより、さまざまなビルド ツールがインテリジェントなデフォルト構成に基づいてスムーズに接続できるようになります。
【おすすめ関連記事: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 プラグインが自動的に解析され、読み込まれます。
プラグインは、プロジェクト作成プロセスの一部として使用することも、後の段階でプロジェクトに追加することもできます。再利用可能なプリセットのセットにグループ化することもできます。これについては、プラグインとプリセットの章で詳しく説明します。
関連する無料学習の推奨事項: javascript (ビデオ)
以上がvue cliとは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。