【Vue学習編:vuejs概要、環境インストールおよびプロジェクト導入】

1、vuejsvueとは何ですか.jsはユーザインタフェースを構築する漸進的なフレームワークである.vue.jsは軽量級であり,他の重量級フレームワークとは異なり,底から上へ層毎に適用できるように設計されている.vueのコアライブラリはビューレイヤだけに注目し、使いやすく、またvueは単一ファイルコンポーネントとvueエコシステムでサポートされているライブラリ開発を採用した複雑な単一ページアプリケーションを駆動する能力があります.公式住所:https://cn.vuejs.org/公式紹介:https://cn.vuejs.org/v2/guide/
2、その他のフレームワークを比較する参考:https://cn.vuejs.org/v2/guide...
総じて言えばvue.jsはエンタープライズクラスのアプリケーションを作成するのに適しており、性能面では軽量で、実行速度が速く、柔軟であり、vueは他のアプリケーションを学ぶよりも速く、より速く開発を把握し、投入することができる.
3、特性

軽量級mvvmフレーム

双方向データバインディング

コンポーネント通信

命令、条件レンダリング

4、設置配置
(1)全体に必要なツール:

node.js環境(npmパッケージマネージャ)

vue-cli足場構築ツール

webpackパッケージ管理ツール

(cnpm npmの淘宝ミラーオプション)

(2)nodejsをインストールする.vueプロジェクトを作成するときはwebpackプロジェクト構築ツールを組み合わせるが,webpackは圧縮プロジェクトをパッケージ化するときはnodeに依存するからである.js環境.Windows環境は公式サイトにダウンロードしますhttps://nodejs.org/en/download/Mac環境下では端末でbrewをインストール、brew install nodejsでnodeをインストールする必要がある.js、brewをインストールするには、次のコマンドを実行します.

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

(3)cnpmをインストールし、国内の淘宝ミラーサーバでは、npmを使用してプロジェクト依存パッケージを直接インストールすると、インストールが遅くなる可能性があります(npm install壁内の速度が遅い問題を解決し、インストール後に使用:ダウンロードコマンドをcnpmでnpmに置き換える).端末で以下のコマンドを実行すると淘宝ミラーをインストールできます

npm install -g cnpm --registry=https://registry.npm.taobao.org

また、Mac環境ではまずnodejsモジュールインストールディレクトリアクセス権限を取得し、実行する必要がある

sudo chmod -R 777 /usr/local/lib/node_modules/

(4)webpackをインストールし、実行:

cnpm install webpack -g

(5)vue足場を取り付け、実行:

npm install vue-cli -g

(6)環境配置が完了すると、プロジェクトが作成されます.適切な場所を探して、cmdに「vue init webpack vue_」と入力します.test(プロジェクトフォルダ名)、車に戻って、しばらく待って、「git」の下の項目が順番に現れて、下図で操作できます
(7)上で作成したプロジェクトに入り、cmdで実行する

npm run dev

(起動前にnpm installを実行してプロジェクト依存パッケージをインストールすることができます.cnpmを実行するのではなく、npmを実行したほうがいいです.国内のミラーcnpmからダウンロードした依存ライブラリの一部が欠けています)
プロジェクトを開始できます.ウィンドウが開きます.http://localhost:8080/
ブラウザに入力http://localhost:8080/を選択します.
プロジェクトの作成に成功し、構築されたフレームワークで直接作成できることを示します.
備考:自分でvueを1つ作りました.0+vue-router+webpack+mint-UI+Vuexの統合フレームワークは、githubにコードが配置されています.