vue1 - VUE導入方法、ローカルインストールNPM

ブログのアドレス:https://www.cnblogs.com/sandraryan/

Vue.jsは(発音/vjuː/、ビューに類似する)ユーザインタフェースを構築プログレッシブフレームです。Vueの唯一の懸念ビュー層、ボトムアップ設計インクリメンタル開発。

使用するVUE:

直接のjsファイルに導入されたダウンロード1.公式サイト

2. CDN <スクリプトSRC = "https://cdn.bootcss.com/vue/2.6.10/vue.js"> </ SCRIPT>(私はこれを使用します)

3.海抜 

使用NPMに、最初にすべてのダウンロードノードノードへの公式サイトに行くべき、ダウンロードされたノードは、NPMのツールが含まれます、あなたは、端末入力することができますノード-v / NPM -vインストールが成功したかどうかビューノード/ NPMを

NPM私NPM -g更新/ NPMをインストール

その後、NPM VUE I(Iはインストールの略語です)

ダウンロードが成功VUE、あるかどうかを検出VUE -V(:大文字のV注)

グローバルVUE CLIはマウント   NPMインストール- グローバルVUE - CLI (グローバル略称G)

ファイル・ディレクトリ(初期化VUEプロジェクト)を生成するためにWebPACKのパッケージ化ツールを使用し   VUEのWebPACKのinitフォルダ

生成されたファイル(コマンドのCDのフォルダ名)、実行VUEのページを入力します:NPM RUN devのを

成功した操作端末がブラウザで開く、一般的には、ポート番号は8080で、URLを返します、それはあなたの混乱のVUEプロジェクトです

補足:NPMはNodeJS伴っているパッケージ管理ツールは、我々は、コードの展開に多くの問題を解決することができ、一緒にインストールNodeJS

    コマンドラインインタフェース(英語:コマンドラインインタフェース、略称:CLI

    WebPACKのは、オープンソースのフロント・エンド・パッケージ化ツール。WebPACKのモジュールとして、モジュラー開発アプローチは、フロントエンド開発の欠如である静的リソースのすべての種類を提供し、そしてそれから生成された最適化されたコード。あなたはNode.jsのWebPACKのを使用する前に、インストールする必要があり、ディレクトリWebPACKの使用が自動的にVUEに生成されます

あなたは自分自身のデモを記述する場合、私は、一般的に導入されたCDNを使用していますが、通常はNPMで、大規模な開発プロジェクトを遂行するために

インストールのルーティング

インストールはい時に選択VUE、あなたは何も選出された場合、後者の缶はまた、独自にインストールしないで、ルートをダウンロードすることができます(ない書き込み設定Benpian QAQを行います)

NPM I VUE-ルータ--save

インストールVUE-X

Vuexは特別にVue.jsアプリケーション用に開発された状態の管理

Vuexは、一般的に、現在のプロジェクト内に設置します

NPM私vuex --save

すべてtha't ~~~~

おすすめ

転載: www.cnblogs.com/sandraryan/p/11976888.html