VUE-WebPACKの構成とプロジェクトを作成します

プロセス＆準備VUE-WebPACKのプロジェクト

1、ノードNPMインストール

2、WebPACKのグローバルバージョンのインストールNPM INSTALのWebPACK @ -g WebPACKのインストールと[email protected] -g -gグローバル指し、

3、WebPACKのプロジェクトpackage.jsonとパック-lock.jsonを作成し、説明書NPMのinit

。4、開発するCDのディレクトリ、対応する地域の発展に依存NPMはWebPACKの@ --save -dev --save -devバージョンをインストールし、インストール発展依存を指し、

5、ローカルインストール手順VUE NPMインストールVUE --save（ローカルファイルの後に「VUE」、ES6仕様からのVueをインポートすることができます）

図6は、開発者が--save -dev VUEローダVUEのテンプレートコンパイラをインストールNPMファイルVUEファイルのコマンドを識別することができます

7、グローバルインストールVUE-CLI（コマンドライン）コマンドがインストールNPM @ VUE / CLI -g

プロジェクト包括vueclie2コマンドは@ VUE / CLI -init -gをインストールNPM場合は8、デフォルトでは、最新バージョンをインストールします

9、CLI2プロジェクトの作成手順：VUEのinit WebPACKのプロジェクト名

　 CLI3プロジェクトの作成手順：VUEプロジェクト名を作成します

10、インストールプロセスは、問題を解決するために

　　CでのクリーンアップNPM-CACHフォルダ：\ Users \ユーザー管理\のAppData \ローミング\ NPM-キャッシュまたは命令NPMクリーンキャッシュ-force、時にはあなたが管理者としてcmdを実行する必要があることに注意してください

＆、Vuecli設定項目を作成した後

1は、2つの構成フォルダ、ビルドおよび設定、ビルド、すべてのタイプの実行のために、デバッグ、基本的な設定があり、設定変数の設定および他の構成は、主に

設定フォルダindex.jsファイル：（1）ブラウザ開く自動的に設定されているautoOpenBrowser：  偽を、自動的にブラウザを開くには、// trueに設定することができるかどうか

2、静的フォルダ、フォルダの静的リソースは、時にそのままパッケージにパッケージ化されます

3、babelrcファイル、ブラウザの設定適応

4、editorconfigファイル、統一されたコード、制約、そのような2つの文字を締めとして等、end_of_line = LF改行

5、eslintignore、無視できるコードの指定位置またはファイル・タイプ

6、.gitignore、いくつかのファイルがサーバーにアップロードする必要はありません、サーバーのアップロードの現在の内容を無視

一般的に変更する必要はありません7、.postcssrc、セットCSS変換、

図8に示すように、設定のすべての種類の規定package.json、パッケージlock.jsonは最終バージョンと着陸を使用するための様々な設定として理解することができます