https://cli.vuejs.org/zh/guide/
入門
警告
この文書では、該当する @vue/cli
バージョン3.xを。旧バージョンの vue-cli
ドキュメントは移動してくださいここに。
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
)の端末に提供されるグローバルインストールパッケージNPM、ある vue
コマンド。それはすることができ vue create
、迅速な直接またはによる新たなプロジェクトの足場作成 vue serve
プロトタイプ新しいアイデアを構築します。あなたも渡すことができ vue ui
、すべてのプロジェクトを管理するためのグラフィカル・インタフェースを介して。次の章では、ガイドの徐々に綿密プレゼンテーションます。
# CLIサービス
CLIサービスは、( @vue/cli-service
)に依存する開発環境です。これは、ローカルにそれぞれに設置NPMパッケージで @vue/cli
作成したプロジェクト。
CLIサービスが上に構築されている のWebPACK と のWebPACK-devのサーバー 上で。それは含まれています:
- CLIロードされたコアサービスその他のプラグイン。
- WebPACKの内部構成用に最適化されたアプリケーションの大半。
- 社内プロジェクトの
vue-cli-service
コマンドは、提供serve
、build
およびinspect
コマンド。
あなたが精通している場合は 作成反応するアプリ 、それが@vue/cli-service
実際にほぼ相当し react-scripts
、同じ機能セットではないが、。
CLIサービスの章では、その特定の用途をカバーしています。
#の CLIプラグイン
CLIは、このようなバベル/活字体の翻訳、ESLint統合、ユニットテストとエンドツーエンドのテストとしてあなたのVueプロジェクトNPMパッケージにオプションのプラグイン機能、です。VueのCLIプラグイン名 @vue/cli-plugin-
(ビルトインプラグイン)または vue-cli-plugin-
開始(コミュニティプラグイン)、非常に使いやすいです。
あなたは内のプロジェクトを実行すると vue-cli-service
、コマンドは、自動的に解析し、ロードされます package.json
CLIに記載されているすべてのプラグインを。
プラグインは、プロジェクトのプロセスの一部として作成することができ、または後の段階でプロジェクトに参加します。彼らはまた、プリセット、再利用可能なのセットに分類することができます。我々はなりますプラグインとプリセット 深ディスカッションセクション。
インストール
古いバージョンについて
名前でVueのCLIパッケージを vue-cli
変更しました @vue/cli
。あなたがグローバルインストールの古いバージョンがある場合 vue-cli
(1.xまたは2.xのを)、あなたは合格する必要がある npm uninstall vue-cli -g
か、 yarn global remove vue-cli
それをアンインストールします。
ノードのバージョン
VueのCLIは必要と のNode.jsの バージョン8.9以降(推奨8.11.0+を)。あなたは使用することができ NVM または NVM-窓を同じコンピュータ上の複数のノードのバージョンを管理します。
あなたは、新しいパッケージをインストールするには、コマンドのいずれかを使用することがあります。
npm install -g @vue/cli
# OR
yarn global add @vue/cli
インストールしたら、コマンドラインにアクセスできる vue
コマンドを。あなたは、単に実行することができ vue
、それが正常にインストールされていることを確認するために、使用可能なすべてのコマンドのヘルプを発揮するかどうかを確認します。
また、正しいバージョン(3.xの)かどうかを確認するには、このコマンドを使用することができます。
vue --version