勉強を始めるjs

準備作業
開発ツールWebStormを使用し、プラグインのインストールを行いました.手順は以下の通りです.
1.プラグインのインストール
Settings(またはPreferences)=>Plugins=>Browse repositoriesを開き、vueを検索するとvueが検索されてインストールされます
2.JavaScript言語のサポートバージョンをES 6に設定
Settings(Preferences) => Language & Frameworks => JavaScript. Set Javascript Language VersionをECMAcript 6に変更
書き始める
Vueは実はAngularJSに似ていて、Angularを書いたことがある人にとってはもっと早く理解できます.
HTMLタグ

  {{ message }}

new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue.js!'
  }
})

以上が最も簡単な例で、公式から
[url]http://v1.vuejs.org/guide/index.html[/url]
プロジェクトの構築
vueには独自の構築ツール(vue-cli)があります.
主にwebpackまたはbrowserifyを組み合わせて構築プロジェクトを生成します
まずvue-cliのインストールを行います(node環境が必要です)

npm install -g vue-cli

、vue-cliをグローバルにインストール
vue listでは、vue-cliがサポートするテンプレートをリストできます.つまり、異なるテンプレート形式のプロジェクト構造を構築できます.
例えばwebpackテンプレートを使う

vue init webpack getStart

Webpackベースのプロジェクトを作成し、対応するファイルディレクトリとコードを生成します.

cd getStart

プロジェクトディレクトリに入った後

npm install

インストール項目の依頼、インストール完了後、使用

npm run dev

は、生成されたプロジェクトを起動するために実行されます.