VueのWindowsの開発環境をインストールします

注:謙虚に物事を見るが、常にあなたが悪い作る、この手順に従ってください、あなたははるかに少ない迂回路がかかります。

1:ダウンロードのNode.js  

まず、インストールパッケージをダウンロードしてください

アクセス住所:
https://nodejs.org/en/download/
ここに画像を挿入説明

 

第二に、インストール

  1. インストールパッケージを実行するためにダブルクリック
    ここに画像を挿入説明
    ここに画像を挿入説明

  2. インストールパスを選択し、デフォルトでは、私がここで選択したCドライブ、Dドライブです
    ここに画像を挿入説明

  3. デフォルトでは次のようです
    ここに画像を挿入説明

ここに画像を挿入説明
ここに画像を挿入説明

第三に、バージョンを確認

    1. 勝利+ Rは、CMD、DOS OPENコマンドを入力し、入力  node -v 数がNodeJSバージョンを表示します
      ここに画像を挿入説明ここに画像を挿入説明

    2. 第四に、環境変数の設定

      環境設定NPMメイングローバルモジュール取り付け場所のパスの構成、およびキャッシュ・バッファの経路、構成理由、同様の実行後ため:NPM([-g]オプションのパラメータの後ろを発現インストール-g、Gパス、Cのディスク容量を占め:インストール全体の全球平均の代表)文のインストールは、[\ユーザー\ユーザー名\のAppData \ローミング\ NPM C]にモジュールをインストールします。

      たとえば:node_global下の2つのフォルダを作成し、[]と[] node_cache:私は、全体のモジュールが私のパス上に常駐し、キャッシュパスは、インストールフォルダをNode.jsの、私がインストールしたフォルダ内のファイル[\ nodejs D]がしたいです図は次のとおりです。
      ここに画像を挿入説明

      1. CMDコマンドラインを開くには、現在のフォルダには、Shiftキーを押しながら+マウスの右ボタン
        ここに画像を挿入説明

      2. 次のコマンドセットを入力します。

        npm config set prefix "D:\NodeJS\node_global"
        npm config set cache "D:\NodeJS\node_cache"
        
        • 1
        • 2
      3. 環境変数を設定し、近くのcmdウィンドウ、「マイコンピュータ」 - 右 - 「プロパティ」 - 「システムの詳細設定」 - 「詳細」 - 「環境変数」
        ここに画像を挿入説明

      4. 環境変数]ダイアログボックスで、新しいNODE_PATH]に[[システム環境変数の下]を入力しD:\NodeJS\node_global\node_modules、変数[ユーザー] [パス]の下では、変更されましたD:\NodeJS\node_global
        ここに画像を挿入説明
        ここに画像を挿入説明
        ここに画像を挿入説明
        ここに画像を挿入説明

      シックス・テスト

      設定後は、テスト対象のモジュールをインストールし、我々は、最も一般的に使用される特急モジュールをインストールCMDウィンドウを開きます
      グローバルモジュールのインストールを行って次のコマンドを入力します。

      npm install express -g     # -g是全局安装的意思
    3. このインストールは、我々は淘宝網のNPMの画像を使用することをお勧めしますので、ここでは、非常に遅いため、家庭用のNPMに、成功している、使用

      淘宝網cnpmコマンド管理ツールは、デフォルトの管理ツールのNPMを置き換えることができます:$のNPMインストール  - G cnpm  - レジストリ= HTTPS //registry.npm.taobao.org。

      3:淘宝網のイメージが正常にインストールされた後、我々は入力し、コマンドをVUE-cliの足場をグローバルことができます。CNPMインストール  - 株式会社参加無料 VUEを- cliを入力し、インストールが成功したことを確認し、コマンド入力VUE、VUEアウト情報、およびインストールが成功しています;

    4. 4:VUEは、ファイルをダウンロードしたので、足場を構築が完了した後、私たちは、よくCドライブにインストールされていない、私はお勧めします。この時間を新しいプロジェクトを構築するために開始するには、あなたがディスクを変更したい場合は、直接Dを入力して、大規模です:上の入力しますあなたは直接ディスクを変更することができ、

      :その後、我々は、コマンドを入力し、新規プロジェクトを作成し始めたのinitのWebPACK VUE  マイ- まで表示され、プロジェクト入力し、私のプロジェクトは、自分のフォルダの名前です。入力はあなたがVUEをインストールするかどうか、されて入力した後、WebPACKのプロジェクトをベースに-route、

      このプロジェクトでは、使用する必要がありますので、我々は、yが入力入力します

    5.  

       だから、基本的には成功し、起動テストの残りの部分は言っているわけではありません、

おすすめ

転載: www.cnblogs.com/tianxujun/p/11468649.html