転載、元のリンクします。https：//blog.csdn.net/qq_32340877/article/details/79105565
WindowsでのビルドにVUE + WebPACKのnginxのフロントエンドの開発環境と展開
構築するために開発環境を
フロントエンドフレームを一般nodejsを頼って、我々は最初のnode.js.をインストールする必要があります。
http://blog.csdn.net/qq_32340877/article/details/79092310を参照してください。
情報源の多くは、インストールすることが特に遅い海外NPMアドレス、なので2は、ので、我々は、淘宝網のミラーサーバを利用するためにここにいます。
インストールコマンド：NPMインストール-g cnpm -registry = HTTPS ： 待って、コマンドを入力し//registry.npm.taobao.org
3、その後のVueの開発のためのヘルプビルドにテンプレートを使用するグローバルVUE-cliの足場を、インストールフレームワークの
コマンド：インストールのため、待ち時間を、-g VUE-CLIをインストール入るcnpm
インストール後、あなたはその後、VUEクライアントのバージョン情報が表示された場合、インストールが正常に行われた、入力し、VUE -Vを入力することができます。
cnpmインストールのWebPACK -g：マウントNPMのWebPACKと4、
WebPACKのは、-h試しWebPACKのコマンドラインを通じて、地球環境にインストールされている場合。
4.ディレクトリにフォルダvuepro、CDでディレクトリを作成し、次のコマンドを入力します。VUEのinitのWebPACK VUEテスト（デフォルトのプロジェクト名）
この時点で、フォルダvuepro 1以上VUEテストフォルダを観察し、これはテンプレートVUEプロジェクトです。
5、次のコマンドを入力してデバッグを開始：
CD-VUEテスト
CNPMは（ここで待機する必要があります）をインストール
（これは展開するには、デバッグコマンドである）NPM RUN devのを
ポートは8080、このポートはでVUEテスト/設定/ index.jsに変更することができますされて聴いて成功したスタートに代わって、ポート上に表示されます：
それは成功し、開始後にページを開きます。
ビルド完全に開発環境。
第二に、コンパイラの展開
プロジェクトパス1、VUEテスト入力コマンドNPMの実行ビルド
コンパイルされたファイルがあるフォルダコンパイル後よりDISTよりVUEテストフォルダを検索します。
2、nginxのオンラインダウンロード、ダウンロードhttp://nginx.org/en/download.html、解凍ダウンロードしたファイルのnginx。
以下に示すように変更3、配備構成、編集nginx.conf nginxの/ confに、
4、nginxの起動。nginxのインストールcdコマンド・ウィンドウは、ディレクトリを入力するように、nginxの起動nginxの開始を入力します。
その後、ブラウザを介してアクセスさhttp://127.0.0.1:8088/を訪問。
5、nginxの停止コマンド：nginxの-sを終了
nginxの再起動コマンドを：nginxの-sリロード