Vue.jsのインストール

スタンドアロンバージョン

Vue.jsの公式Webサイトからvue.min.jsを直接ダウンロードして、<script>タグを付けてインポートできます。

Vue.jsをダウンロードする

CDNを使用する

以下は薦めの2つの比較的安定した海外CDNです。

unpkg：https://unpkg.com/vue/dist/vue.js npmによってリリースされた最新バージョンと一致します。
cdnjs : https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js

NPMの使用方法

npmは3.0以降のバージョンが必要です。3.0以降のバージョンではない場合は、アップグレードする必要があります。

# バージョンを確認する
$ npm -v
2.3.0

npmでVue.jsをインストールします。

# 最新の安定版
$ npm install vue

コマンドラインツール

Vue.jsはコマンドラインツールを提供し、大型単一ページのアプリケーションをすばやく構築できます。

# vue-cliをグローバルインストール
$ cnpm install --global vue-cli
# Webpackテンプレートに基づいて新しいプロジェクトを作成する
$ vue init webpack my-project
# ここでいくつかの構成を行う必要があります。デフォルトでは、Enterキーを押す

This will install Vue 2.x version of the template.
For Vue 1.x use: vue init webpack#1.0 my-project

? Project name my-project
? Project description A Vue.js project
? Author runoob <test@runoob.com>
? Vue build standalone
? Use ESLint to lint your code? Yes
? Pick an ESLint preset Standard
? Setup unit tests with Karma + Mocha? Yes
? Setup e2e tests with Nightwatch? Yes

vue-cli · Generated "my-project".

To get started:
   
cd my-project
npm install
npm run dev

Documentation can be found at https://vuejs-templates.github.io/webpack

プロジェクトを入って、インストールして実行します。

$ cd my-project
$ cnpm install
$ cnpm run dev
 DONE  Compiled successfully in 4388ms

> Listening at http://localhost:8080

上記のコマンドを正常に実行した後、 http://localhost:8080/にアクセスすると、出力結果は次のようになります。

注意点：Vue.jsは、IE8以降のIEバージョンしかサポートしません。