VueのCLI知人
その他
2020-03-07 16:20:54
訪問数: null
VueのCLIは何ですか
- あなたは、単にいくつかのVueの書き込みをした場合のデモプログラムを、あなたはVueのCLIには必要ありません。
- あなたがいる場合、大規模なプロジェクトを開発し、あなたがする必要があり、必然的VueのCLIを使用する必要
- 大規模なアプリケーションを開発Vue.jsを使用するとき、私たちはコードのディレクトリ構造、プロジェクト構造と展開、熱負荷、コードのユニットテストの事を考慮する必要があります。
- 各プロジェクトは、手動でこれらのタスクを完了しなければならない場合、我々は通常、これらの事を達成するのに役立ついくつかの足場のツールを使用するので、非効率的なの効率を比較するものではありません。
- CLIそれは何を意味するのでしょうか?
- CLIはコマンドラインインタフェースに変換コマンドラインインターフェイス、ですが、一般的として知られている足場
- VueのCLIは公式出版物vue.jsプロジェクトの足場であります
- 使用VUE-CLIは早くVueの開発環境だけでなく、対応するWebPACKの構成を構築することができます。
前提を使用してVueのCLI - ノード
- インストールNodeJS
- テストバージョンがインストールさ
- ノードと自動的には、NPMのデフォルトをインストールします
- ノード環境では、以上の8.9以降が必要です
- NPMそれは何ですか?
- NPMは、ノードパッケージマネージャーをスタンド
- NodeJSは、パッケージ管理と配布ツールで、標準の公表ノードモジュール(パッケージ)が非公式であるとなっています。
- 我々は常にNPMを使用して、いくつかの依存関係をインストールするために、開発プロセスに従います。
- cnpmインストール
- 公式ミラーNPMの対内直接使用が非常に遅いため、淘宝網NPMミラーを使用することをお勧めします。
- あなたは、淘宝網カスタムcnpm(gzipで圧縮サポート)の代わりに、デフォルトのNPMのコマンドラインツールを使用することができます。
npm install -g cnpm --registry=https://registry.npm.taobao.org
- だから、モジュールをインストールするにはcnpmコマンドを使用することができます:
cnpm install [name]
VueのCLI使用を前提 - WebPACKの
- WebPACKのテンプレートを使用公式足場ツールVue.js
- すべてのリソースは、圧縮操作を最適化します
- 我々は、効率的な開発プロセスになることができるようにそれは、開発プロセスの機能の完全なセットを提供します。
- グローバルWebPACKのインストール
VueのCLIの使用方法
- 足場をインストールVUE
- VueのCLI2プロジェクトの初期化
vue init webpack my-project
- VueのCLI3プロジェクトの初期化
転載: www.cnblogs.com/landuo629/p/12434726.html