webstormとVueの建築プロジェクト（プロ試験、絶対に実用的な）

前提：インストールwebstorm、ここでは主に建物について、webstormのダウンロードは避けるこちら。

1は、基礎の学習
1.1、Node.jsのを：
Node.jsのが基づいている
JavaScriptランタイム環境クロームV8エンジン。
Node.jsのは、それは軽量かつ効率的に、イベント駆動型、非ブロックI / Oモデルを使用しています。

Node.jsのパッケージマネージャのNPM、オープンソースのエコシステムの世界最大のリポジトリ。

nodejsバージョン問合せ：ノード-v

1.2、NPM：
NPMは、ノードパッケージマネージャと呼ばれるNode.jsのパッケージマネージャに基づいて、だけでなく、最も人気のNode.jsのコミュニティ全体、ほとんどのサードパーティ製のモジュール（MavenのでJavaに似た）パッケージマネージャによってサポートされています。

NPM心：JavaScript開発者がより簡単に共有および再利用コードに。

NPM使用シナリオ：
アクセスするユーザーを可能にし、サードパーティ製のパッケージを使用しています。
これにより、ユーザーはパッケージ化することを可能にするか、コマンドライン・プログラムは、独自のシェアを公開するために書かれ。

NPMバージョン問合せ：NPM -v

1.3、WebPACKの
WebPACKのパッカーモジュールを見ることができます：それは何をするJavaScriptのモジュールだけでなく、いくつかの他のブラウザを直接実行することはできません（などSCSS、活字体、）検索言語を拡張し、プロジェクトの構造を分析し、変換されそして適切な形式へのブラウザのためにパッケージ化します。

2、Node.jsの（NPMが来る）をダウンロード
ダウンロードリンクに公式サイトをオープンします。https：//nodejs.org/en/download/

3、インストールパスnodejsに、二つの新しいnode_global node_cacheやフォルダ、以下のように：
ここに画像を挿入説明
4、接頭辞（グローバル）nodejs設けられ、キャッシュ（キャッシュ）パス
勝利+ R、cmdと入力

設定したキャッシュフォルダ
NPMコンフィグセットキャッシュ"D：\ vueProject \ nodejs \ node_cache"

設定されたグローバルモジュール格納パス
NPMコンフィグセット接頭辞"D：\ vueProject \ nodejs \ node_global"

5、環境変数設定
5.1、システム変数の
ここに画像を挿入説明
パス：

5.2、ユーザ変数

6を、テスト

（アリ雲Mavenの中央リポジトリミラーリングと同様）7、淘宝インストールイメージ

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

cnpm -v：コマンドを確認してください

8、インストールのWebPACK

WebPACKの-gをインストールcnpmするためのコマンドラインステートメント

9、インストールVueの
CNPMはVUE -gをインストール

10、コマンドラインツール取付VUE、すなわちVUE-CLI足場
cnpm VUE-CLIをインストール-g

11は、インストールが成功したかどうかを検出する
ここに画像を挿入説明
のWebPACK -vが現れた場合、11.1

We will use "npm" to install the CLI via "npm install -D".
Do you want to install 'webpack-cli' (yes/no):
不用管 直接回车 然后执行
此命令npm install webpack-cli -g

11.2、VUE -V（大文字）

12、ダウンロードしてgitの（使用にwebStorm Vueのニーズを作成したり、エラーになります）をインストール
公式サイトします。https：//git-scm.com/
3つの政党ます。https：//pc.qq.com/detail/13/detail_22693.html
ない方法を私がダウンロードしたときに、公式サイトが知っている編集者注ではありません、三人の者は大丈夫友人です。

13、webstormを使用してVUEを作成します

オープンwebStorm（私はバージョン2019.1を使用）
ここに画像を挿入説明

OK、このプロジェクトは終わりに来たwebstormのVUEのビルドを使用して~~~