[Vue.js] インストール

Vue.jsをインストールする方法についてです。3つの方法があります。
プログラム学習時はCDNを使うのが良いです。HTMLファイルの中に一行加えるだけでVue.jsの開発環境ができます。
CDN
Vue.jsのインストールは下記のページに詳細が記載されています。
Vue.js CDN
最新のバージョンをインストール
1 |
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> |
バージョンを指定してインストール
1 |
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.11"></script> |
NPM
大規模のシステムを構築するときはnpmでのインストールが推奨されています。
1 |
$ npm install vue |
スクリプトによる直接読み込み
ダウンロードしscriptタグで読み込みます。。Vueはグローバル変数として登録されます。
公式ページからファイルをダウンロードして、プロジェク内に設置します。
開発中はデバッグ情報が出力される、開発用を利用するようにしましょう。
- [Vue.js] HelloWorldを表示してみる
- [Vue.js] 条件付きレンダリング (if・for文)
- [Vue.js] ディレクティブの種類と使い方
- [Vue.js] v-on:clickでclassを設定し要素の色を変化させる
- [Vue.js] StyleをVueインスタンスで指定