インストール

互換性の注意

Vue.js は IE8 でシム化できない ECMAScript 5 の機能を使用するため、IE8 とそれ以下のバージョンをサポートしていません。しかしながら、ECMAScript 5 準拠のブラウザ は全てサポートしています。

リリースノート

各バージョンの詳細なリリースノートは、GitHub で入手できます。

スタンドアロン

ダウンロードし script タグで読み込んでください。Vue はグローバル変数として登録されます。

開発中はプロダクションバージョンを使用しないでください。 警告や一般的な間違いを見逃す可能性があります!


開発バージョン警告出力とデバッグモードあり

プロダクションバージョン警告出力なし、 25.86kb min+gzip

CDN

推奨: unpkg は、npm に公開されるとすぐに最新バージョンが反映されます。unpkg.com/vue/ では npm パッケージのソースも確認することができます。

jsDelivr または cdnjs 上でも利用可能です。(同期に少し時間がかかるため、最新版ではない可能性があります)。

NPM

Vue.js による大規模アプリケーションを構築するときには、NPM を利用したインストールを推奨しています。 Webpack または Browserify のようモジュールハンドラとうまく組み合わせられます。 Vue は単一ファイルコンポーネントを作成するための、付随するツールも提供しています。

# 最新の安定版
$ npm install vue

スタンドアロン vs. ランタイム限定ビルド

スタンドアロンビルドとランタイム限定ビルドの2つのビルドが使用可能です。

NPM パッケージはデフォルトでランタイム限定ビルドを出力します。スタンドアロンビルドを使用する場合は、webpack のコンフィグに下記のエイリアスを追加します。

resolve: {
alias: {
'vue$': 'vue/dist/vue.common.js'
}
}

Browserify に関しては、package.json にエイリアスを追加することができます。

"browser": {
"vue": "vue/dist/vue.common"
},

import Vue from 'vue/dist/vue' をしないでください - いくつかのツールまたはサードパーティのライブラリもインポートしている可能性があります。これはアプリが同時にランタイムとスタンドアロンビルドをロードするとエラーを引き起こす恐れがあります。

CSP 環境

Google Chrome アプリのようなある環境では、Content Security Policy (CSP) を強制し、そして式を評価するために new Function() の使用を禁止しています。テンプレートのコンパイルは、スタンドアロンビルドに依存するため、これらの環境では使用できません。

一方では、ランタイム限定ビルドでは CSP に準拠しています。 Webpack + vue-loader または Browserify + vueify でランタイム限定ビルドを使用する場合は、テンプレートは CSP 環境でも完璧に動作する render 関数にプリコンパイルされます。

CLI

Vue.js は意欲的なシングルページアプリケーションをすぐに足場固めするために、オフィシャル CLI を提供します。それはモダンなフロントエンドのフレームワークのワークフローに対して、Battery-included なビルド手順を提供します。ホットリローディング、保存時のリント、そして本番可能なビルドを実行して準備するのは、わずか数分です。

# vue-cli をインストール
$ npm install --global vue-cli
# "webpack" ボイラープレートを使用した新しいプロジェクトを作成する
$ vue init webpack my-project
# 依存関係をインストールしてgo!
$ cd my-project
$ npm install
$ npm run dev

CLI は Node.js および関連するビルドツールに関する事前知識を前提としています。Vue またはフロントエンドビルドツールを初めて使用している場合、CLI を使用する前に、ビルドツールなしでガイドを参照することを強くお勧めします。

開発版のビルド

重要 GitHub 上の /dist フォルダに存在するビルドされたファイルは、リリース時にのみチェックインされます。 GitHub 上の最新のソースコードから Vue を使用するためには、あなた自身がそれをビルドしなければなりません!

git clone https://github.com/vuejs/vue.git node_modules/vue
cd node_modules/vue
npm install
npm run build

Bower

# 最新の安定板
$ bower install vue

AMD モジュールローダ

ダウンロードされたスタンドアロン版 Vue.js と Bower 経由でインストールされた Vue.js は UMD でラップされています。そのため、AMD モジュールとして直接利用することができます。