VueのCLI知人

VueのCLIは何ですか

  • あなたは、単にいくつかのVueの書き込みをした場合のデモプログラムを、あなたはVueのCLIには必要ありません。
  • あなたがいる場合、大規模なプロジェクトを開発し、あなたがする必要があり、必然的VueのCLIを使用する必要
    • 大規模なアプリケーションを開発Vue.jsを使用するとき、私たちはコードのディレクトリ構造、プロジェクト構造と展開、熱負荷、コードのユニットテストの事を考慮する必要があります。
    • 各プロジェクトは、手動でこれらのタスクを完了しなければならない場合、我々は通常、これらの事を達成するのに役立ついくつかの足場のツールを使用するので、非効率的なの効率を比較するものではありません。
  • CLIそれは何を意味するのでしょうか?
    • CLIはコマンドラインインタフェースに変換コマンドラインインターフェイス、ですが、一般的として知られている足場
    • VueのCLIは公式出版物vue.jsプロジェクトの足場であります
    • 使用VUE-CLIは早くVueの開発環境だけでなく、対応するWebPACKの構成を構築することができます。

前提を使用してVueのCLI - ノード

  • インストールNodeJS
    • あなたはダウンロードして、公式サイトで直接インストールすることができます。
    • URL:http://nodejs.cn/download/
  • テストバージョンがインストールさ
    • ノードと自動的には、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のインストール
    • npm install webpack -g

VueのCLIの使用方法

  • 足場をインストールVUE
    • VueのCLI2プロジェクトの初期化
      • vue init webpack my-project
    • VueのCLI3プロジェクトの初期化
      • vue create my-project

おすすめ

転載: www.cnblogs.com/landuo629/p/12434726.html