win10ビルドVUE環境

次のように詳細な手順は次のとおりです。

まず、Node.jsのインストール

注：Node.jsのWindows版をインストールした後、良いノードおよびNPMパッケージ管理ツールが自動的にインストールされ、インストールの私たちのフォローアップは、NPMツールに依存します。

公式のアドレスは、Node.jsの：https://nodejs.org/en/download/、以下のように：

 

お使いのコンピュータの構成によっては、インストールパッケージをダウンロードしたい選択し、著者は、Windowsの64ビット版を選択しました。

 

ダウンロードには、次のすべての方法を正常にインストールすることができ、Cのようなシステムディスク（:)をインストールしないことが推奨され、一般的なWindowsアプリケーションに合わせて、完了です。

第二に、グローバル・キャッシュのパスの設定、および

説明：パスは簡単に管理するために、一緒にNPMモジュールによってインストールすることができます設定します。

1は、インストールディレクトリのnodejsで、インストールディレクトリの新しい、node_globalとnode_cache 2つのフォルダの作成者は、「D：\プログラムファイル\ nodejs \」であります

2、およびグローバル・キャッシュを設定します

NPMコンフィグセット接頭辞 "D：\プログラムファイル\ nodejs \ node_global"

と

NPMコンフィグセットキャッシュ "D：\プログラムファイル\ nodejs \ node_cache"

\プログラムファイル\ nodejs \ node_global \ node_modules中：成功した後、フォローアップとNPMの後にDにインストールXXX -gコマンドモジュールをインストールします

失敗する可能性があり、インストール、以下の片道の使用1は、解決するために:(私は2番目を使用します）

1.一時的な使用

npm --registry https://registry.npm.taobao.org install express

2.持続可能な利用

npm config set registry https://registry.npm.taobao.org

• 構成は次のように成功したことによって確認することができた後、 
  npm config get registry
• 若しくは 
  npm info express

cnpmを使用することにより3。

npm install -g cnpm --registry=https://registry.npm.taobao.org

• 使用 
  cnpm install express

 

第三に、インストールcnpm

注：外国にある多くのNPMパッケージ以来、我々は、淘宝網のミラーサーバは、当社の依存モジュールにインストールするためにここに使用さそう最初の「中国の故宮」をインストール - cnpm

以下のURLを参照してください。http://npm.taobao.org/

インストールのコマンドは次のとおりです。

NPMインストール-g cnpm --registry = HTTPS：//registry.npm.taobao.org

第四には、環境変数を設定し（非常に重要）

説明：設定した環境変数は、任意のディレクトリにフルパスを入力することなく、ライブcnpm、VUEのコマンドを使用することができますようにしてもよいです

1、マウスの右ボタン、「このコンピュータ」、ダイアログボックスの左側にあるポップアップ「システム」には、「プロパティ」メニューを選択し、「システムの詳細設定は、」ポップアップ「システムのプロパティ」ダイアログボックスを選択します。

 

2、以下まで環境変数]ダイアログボックスのポップをクリックします。

 

3、変更ユーザー変数PATH：

「;」を選択PATH、英語を追加し、既存の変数の後ろには、[編集]をクリックし、「D：\プログラムファイル\はnode_global \ nodejsは」最後に追加

 

4、新しいシステム変数はNODE_PATH：

次のシステム変数では、[新規]をクリックしますボックスをポップアップ、変数値がに設定されている「D：\プログラムファイル\ nodejs \ node_global \ node_modules」

 

プロジェクトファイルに第1〜第4と第五のステップは、フォルダをインストールします

第四に、cnpmインストールVUE

cnpmインストールVUE -g

V.インストールVUEコマンドラインツール

cnpmインストールVUE-CLI -g

第六に、プロジェクトを作成します

「：> \ Users \ユーザー管理\デスクトップ\ birdhelper C」1は、あなたは、このようなcdコマンドを使用するなど、新たな建設を、したいディレクトリに来ます

birdhelperと呼ばれるWebPACKのテンプレートプロジェクトに基づいて新しいプロジェクトを作成します。

这时报错了win10 VUE-CLI・ダウンロードレポvuejs-テンプレート/ WebPACKのに失敗しました：トンネリングソケットが原因=接続ECONNREFUSED 127.0.0.1:80、確立することができませんでした

ソリューション：

解決策ではなくオフラインで作成され、我々はgithubのリポジトリVUE-テンプレート/ WebPACKのをダウンロードし、ローカルにそれを抽出する必要があります。ダウンロードアドレスします。https：//github.com/vuejs-templates/webpack、ダウンロード後、ローカルユーザーディレクトリの.vue-templatesディレクトリに解凍します。

     

    私たちは、WebPACKの名前の変更ディレクトリを解凍した後、アーカイブをダウンロードした後、webpack-develop.zipです。ユーザディレクトリ.vue、テンプレート下のディレクトリは、ドットの前にフォルダの名前を注意してください（。）。

    今回、我々その後、VUEのinitのWebPACK vuedemoコマンド、オフライン初期化パラメータ表現--offlineを持参する必要があります。

    この時間が

VUEのinit WebPACKのプロジェクト名（プロジェクト名）;
？プロジェクトの説明（A Vue.jsプロジェクト）VUE-cliの新規プロジェクト（プロジェクトの説明）;
？著者（XXXX <[email protected]>）; [email protected]（プロジェクトの作者は）;
？Vueのビルドは
+コンパイラランタイムは❯：ほとんどのユーザーに推奨
ランタイムのみ：6キロバイトライター分について+ gzipで、しかし、テンプレート（または任意のVueの固有のHTMLは）のみ.vueファイルで許可されている-レンダリング機能は他の場所で必要とされています
;ほとんどのユーザーに推奨：ランタイム+コンパイラを選ん
VUE-ルータかどうかをインストールしVUE-ルータ（N- Y /）Y; ??
あなたのコード（N- Yを/）lintの使用ESLint Y ESLintかどうか; ??
選んANの？ PRESET ESLint（キーの矢印を使用する）
❯標準（https://github.com/feross/standard）
Airbnb（https://github.com/airbnb/javascript）なし（設定し、それを自分で） 選ぶ基準（https://github.com/feross/standard）
？セットアップでユニットテストモカカルマ+？（Y / N-）必要かどうかをn個のユニットテスト、
セットアップかどうかナイトウォッチ（Y / N）必要ユニットテスト;？とE2Eテスト
CDプロジェクト名（プログラムカタログ）;
NPMマウント依存をインストールし、
NPMの実行がローカルで実行されているプロジェクトDEV

 

3、プロジェクトのディレクトリのMyTestへナビゲート

CDののMyTest

package.jsonの構成に基づいてnode_module下のMyTest \ディレクトリ、node_moduleフォルダが新しく、プロジェクトのダウンロードモジュール：4にインストールされますプロジェクト依存するモジュールのインストールは

インストールcnpm

 

5.プロジェクトを実行が正しく動作するかどうかをテストするプロジェクト、このアプローチはnodejsを開始することです。

cnpm実行DEV

 

 

図6は、時々、私たちのサーバーは、私たちがプロジェクトを構築する必要があるので、IISとの統合、必ずしもおそらくノード、IISではありません。

プロジェクトは、次のコマンドの構築

cnpm実行ビルド

 

 

distのフォルダには、IISのディレクトリのリリースに出てコピーし、ローカルIPアドレスとポートは設定がお使いのブラウザでアクセスすることができますIIS入力します。グッドラック、みんな！

これまでのところ、我々はwin10成功VUEに設定している、と統合され、サーバーをIISことができます。バンバンは、Webアプリケーションを開発するためのVUEの.NET Frameworkをもたらしています。

あなたはGitHubのからプロジェクトをダウンロードする新しいしている場合、このプロジェクトは、それが実行できるようにするために、node_modulesという名前のフォルダから消失する可能性があり、あなた必要があります

プロジェクトファイルに移動します

2.npmインストール

3.npm実行ビルド

4.npm NPM-CLIをインストール

5.npmの実行DEV

あなたが次回実行時には、単に項目を入力して、あなたは実行DEVをNPMすることができます

1.一時的な使用

npm --registry https://registry.npm.taobao.org install express

2.持続可能な利用

npm config set registry https://registry.npm.taobao.org

• 構成は次のように成功したことによって確認することができた後、 
  npm config get registry
• 若しくは 
  npm info express

cnpmを使用することにより3。

npm install -g cnpm --registry=https://registry.npm.taobao.org

• 使用 
  cnpm install express