1の上に、我々は成功しnodejsをインストールしている、とNPM地球環境変数を搭載した、我々は正式なインストールVUE-CLIを取る、このセクション、そしてwebstormで私たちのVUEプロジェクトの開発ツールを実行します。
このセクションでは、プロジェクトのVUEを作成するには、2つの方法があります
- 1、コマンドラインNPMを介して作成
- webstormによってキープロジェクトを作成するには2、
準備
- 1、我々はプロジェクトを作成する前に、あなたがNPM地球環境変数をインストールしていない場合は、nodejsが正常にインストールされていることを確認する必要がありますが設定されていない、あなたはを参照することができ 、「インストールと設定nodeJs NPM地球環境変数」
- 三者による2は、NPMと国内のインストールに依存し、遅い、私は次のように国内のミラーリングの設定が設定されていることを示唆しています。唯一のコマンドラインウィンドウでcmdをすることができ、次の操作を実行する必要があります
npm config set registry https://registry.npm.taobao.org
まず、コマンドラインVUEの方法を使用してプロジェクトを作成します
-
1は、デスクトップは、vue0117として、空のフォルダを作成します
このフォルダにして、アドレスバーにcmdの上部に、そしてその後すぐにドスを開くにはEnterキーは、現在のディレクトリにナビゲートラインとを命じます。
-
2は、次のコマンドラインインストールVUE-CLIを実行します。
npm install -g vue-cli
インストールを待ち
インストールの完了後、ここでインストールが完了したことを表すVUE-CLIのバージョン番号を示します
- 3、VUEプロジェクトのWebPACKを作成するためのテンプレートを使用して
vue init webpack my-project
vue001と呼ばれるプロジェクトとして、
次のいくつかの質問項目で、操作に応じに直接矢印
必要なクラスライブラリプロジェクトをダウンロード
プロジェクトが作成された後、次のように
-
4、プロジェクトディレクトリにcdのvue001
-
5、NPMの実装が必要なライブラリのダウンロードダウンロードをインストール
ダウンロード完全な
-
6、webstorm開いているプロジェクト、ファイルをクリックし、[開く]をクリックします
作成したばかりのインポートVUEプロジェクト
-
7、プロジェクトを実行
プロジェクトが成功した後は、お使いのブラウザで、以下のリンクを開きます
ここでは正常に作成されたプロジェクトの代わりに実行。
第二に、使用webstorm VUEを作成するための主要なプロジェクト
-
1、ファイルをクリックし、新しい、[プロジェクト]をクリックします
-
2、プロジェクトをビルド
-
3、作成するプロジェクトのために待機してライブラリをロード
患者も、より多くの時間がかかり、長いかもしれません。。。。
-
3、建物の上に、あなたが閲覧し、プロジェクトを実行することができます
ここでは、道のVUEのプロジェクトを作成する2つの方法が終了し、私が説明するために、特別な映像を記録するために戻ってきます。ご期待。