最初の週のVueの開発
タスク
歌手・ページの開発を含み、ページを検索し、音楽のAppそう。
13ベース成分15とビジネス・コンポーネント、ラインインタフェースの使用。
知識ポイント
MVVMフレームワーク：本質的にMVCの改良版、低結合、再利用性、独立した開発、試験することができます。
ES6：フルネームのECMAScript6.0、JSは、標準の次期バージョンです。
CLI-VUEは： VUE足場はすぐに複雑な足場を構築するための単一ページのアプリケーション用に設計されてVUE-CLIを意味し、それは簡単に新しいアプリケーションを作成することができますし、自動的にプロジェクトテンプレートを生成し、VUEのWebPACKのに使用することができます。
VUE-CLI CLIヴュー特に迅速複雑な足場を構築するための単一ページのアプリケーションのための公式の提供、です。それは自動的にvue.js + WebPACKのプロジェクトテンプレートは、近代的な電池、付属のワークフローフロントエンドを提供することで生成するために使用されます。
Vueの-CLIインストールしてプロジェクトを作成します
まずWebPACKのインストール
1 | npm install webpack -g或者（npm install -g webpack）
WebPACKの4.X開始、インストールNPM、WebPACKの-CLI-依存installコマンドを使用する必要があるのWebPACKのWebPACK-cliのバージョン番号表示しているとき-g、また自動的に思い出すことができ
WebPACKの-vを使用して、バージョン番号のWebPACKを表示するには、
更新NPMにプロンプトのコマンドを入力します。を
インストールVUE-CLI
2 | npm install -g @vue/cli //yarn global add @vue/cli
インストールが完了したら、のバージョン番号を表示するVUE -V（大文字V）を入力
NPMのインストール構成、およびVueのプロジェクトをしてディレクトリ構造を作成し
、以下のように正常に実行した後、インターフェイスは次のとおりです。
プロジェクトのディレクトリ構造を作成します。
