VUE-CLIを構築するために、コンソールの足場を使用します

注意:

1は、インストールする前に、あなたは彼らがノード環境の持っているかどうかを確認する必要があり   、チェック:ノードを- V

2.そうでない場合、あなたは良い、次のステップを構築する必要があります

(参考:https://www.cnblogs.com/sylys/p/11703067.html

Vueの-CLIのインストール手順:

1、プロジェクトのルートフォルダにコンソール

2、IはVUE-CLI -g NPM   (グローバルNPM搭載VUE-CLIを使用して) 

ここ3、あなたは便利なテンプレートの多くを見ることができ、実装VUEリストは、WebPACKの実用的です

4、VUEのWebPACK INIT(初期テンプレート)

で現在のプロジェクトを生成、?5ディレクトリ?(Y- / N-)(プロジェクトは、現在のディレクトリにあるかどうか、Enterキーを) 

6、プロジェクト名は大文字で表示することはできません!

   1)?(プロジェクト名としてvuePro ------は「ごめんなさい、名前は大文字を含めることはできませんか。)プロジェクト名(vuePro)

   2)?プロジェクト名vuepro(キャリッジリターン)

7、?プロジェクトの説明(Vue.jsプロジェクト)-------?プロジェクトの説明この項目の一部の記述を書くことができるA Vue.jsプロジェクト

8、?Vueが(VUEを生成するかどうか(使用矢印キー)を構築入力 ------)  Vueのスタンドアロンビルド

9、?ルータVUE?(インストールY ----- VUEルータをインストールし(ここでYを使用して、必要であれば)/ N-)ルートがインストールされているか?はい

10、?あなたのコード?(lintのESLintを使用して Y / N)( ここでは、コード検出ツールとしてESLintを使用するかどうか)コードスタイルチェッカーです。オプションを使用するように見える、最良の選択はい、戻ってそのスタイルを確保するために、ある最初のスタイルを選択してくださいことができます。[ESLintはECMAScriptの/ JavaScriptの構文規則とコードのスタイルチェックツールで、その目的は、コードの一貫性を確保し、エラーを回避するためです。[ESlint中国の公式ウェブサイト:http://eslint.cn/    ]

11 ,? プリセットESLintを選択(使用矢印キー ) ピックAN ESLint PRESETのプリセットEslintを選択するには矢印キーを使用して----- 標準

12、?ユニットは、SET(アップテストY(単位テストが設定されている)/ N-)を

13 ,?テストランナー選び----テストランナーを選択カルマを

ナイトウォッチと14の,?セットアップE2Eテスト?番号

プロジェクトが作成された後15は、?私たちはあなたのために`NPMのinstall`を実行すべきか?(推奨)NPM

 

    #プロジェクトの依存関係をインストールします...

  > F [email protected]インストール:\ PROGRAMFILES \ VUE \ vuePro \ node_modules \ phantomjs-構築済み
  >ノードたinstall.jsを

     ....

(ので、それは遅いですので、依存関係の多くをダウンロードする必要があるため、私たちは....待つ必要があります)

16、NMP RUNはDEV、ローカルサービスを開始URLを開く:HTTP:// localhostを:8080 /

 

おすすめ

転載: www.cnblogs.com/sylys/p/11703776.html