Vueの建物の足場(VUE-CLI)

まず、我々は、最も単純な環境からのビルドに起動します。

Node.jsのをインストールします。1.

Node.jsの公式サイトにダウンロードし、ノードをインストールし、インストールプロセスは、すべての方法その上、「次へ」(フールインストール)非常に簡単です。

インストール後に、オープンコマンドラインツール(勝利+ R、次いでCMDを入力)、入力ノード-v以下に示すように、対応するバージョン番号が発生した場合、インストールが正常に行われました。

C:\ Users \ユーザー19565 >ノード- Vの
V12。13.1 

C:\ Users \ユーザー19565 > NPM - V
 6.121

ダウンロードして、Node.jsのをインストールするには、公式サイトの後に、それはすでにNPM(来るのでそれは、ノートである必要があり、パッケージ管理ツールを)、およびその他のは、最高のバージョンのNPM 3.xxの以上、そのようなフォローアップに影響を与えないことに留意すべきです。

 

WebPACKのをインストールします。2.

、コマンドラインツールをオープンタイプ:WebPACKのNPMは-gインストール、(-gグローバルインストールを表します

入力のWebPACK -vインストールしたら、以下に示すように、対応するバージョン番号の表示された場合は、インストールは成功しました。

C:\ Users \ユーザー19565 >のWebPACK - V
 4.420

 

3.建設足場インストールツールのVUE-CLI

Openコマンドライン・ツールの入力:NPMは、インストールVUEの-V入力(後に、VUE-CLI -gをインストールし、これが資本「V」であることに注意して対応するバージョン番号が発生した場合、インストールが成功し、以下に示すように、)。

C:\ Users \ユーザー19565 > VUE - V
 2.96

 

その後、我々はプロジェクトVUE-CLIを構築するために使用し始め、第二には、上記の4つのステップを通して、私たちは環境を準備する必要があるとツールは準備ができています

CDのディレクトリパス:該当するディレクトリに指定されたプロジェクトのリリースでハードディスク上のフォルダ内のファイルを検索1.

C:\ Users \ユーザー19565 > E:

E:\ > CDのvuestu

 

VUE足場入力インストール2:VUEのinitのWebPACK PACK1、注意を払うここを、「PACK1は、」プロジェクトの名前が気軽に命名しているということができますが、メインの必要がある「中国ではありません。」

E:\ vuestu> VUEのinit WebPACKのPACK1
 --------------------- これはVUE足場をインストールするコマンドです

プロジェクト名PACK1
 -------- ------------- プロジェクト名

プロジェクトA Vue.js説明プロジェクト
  --------------------- プロジェクトの説明

著者のliuxiaotao
  - -------------------- プロジェクトの生みの親

Vueのビルドスタンドアロン

?インストールVUE-ルータ?はい
  ---------------- ----- 将来はスパ(ただし、モジュールページのアプリケーションのニーズ)で、あるVueのルートを、インストールするかどうか

?ESLintあなたのコード?糸くずの使用にはありません
  ------------------ --- eslint検出ルールを有効にするかどうか

ユニットセットアップはありませんテスト
ナイトウォッチ?と?セットアップE2Eテストいいえ
?万一WEは、NPM install` `RUN ため?プロジェクトで作成した後にされているNPM(推奨)

   VUE -cli・生成されたPACK1 


...#プロジェクトの依存関係をインストール
するためにGET 開始します:
 --------- ------------ ここでこのサービスを開始する方法を示します

  PACK1 CDを
 ------------------- プロジェクトにCD 

  のNPM RUN devの
 ---- --------------------プロジェクトを実行

 

3.スタートプロジェクト

プロジェクトによって作成されたディレクトリにcdし、最初のCD PACK1(これは彼自身の工事の名前です)

E:\ vuestu> CDのPACK1
 ------------------- 内部のプロジェクトにcd 

E:\ vuestu \ PACK1 > NPM RUN devの
 ---------- --------------実行プロジェクト
私はあなたのアプリケーションがされ、ここで実行します。http:// localhostを:8080

サービスは、ブラウザの[OK]を友人に「ウェルカムページ」を開くには、デフォルトになります正常に起動した後に開くようにWebページへのURLをコピーします。

 

4.あなたが他の誰かのプロジェクト、プロジェクトにCDだけでなく、他の人にダウンロードするにはをダウンロードして、プロジェクトの依存関係をインストールしている場合は、次の、私たち自身のプロジェクトのジャンプを作成NPMは、インストール、package.jsonファイルが既に自動化されたビルドプロセスを生成(node_modules)フォルダから存在しますこのステップオーバー。(統合:ルーティングモジュールVUEルータ、ネットワーク要求モジュールVUEリソース、フレームElementUIの前端.....)

 

5.プロジェクトを停止

Ctrlキー+ C

 

6.包装プロジェクト

NPM実行ビルド

 

参考記事:https://www.jianshu.com/p/1626b8643676/

、一緒に展示会の不備をご覧ください。(次解析プロジェクト階層)

 

おすすめ

転載: www.cnblogs.com/antao/p/12541650.html