注意:
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 /