プログラムを中心とした個人的なメモ用のブログです。 タイトルは迷走中。
内容の保証はできませんのであしからずご了承ください。

2019/12/05

[Vue.js] とにかく簡単に試してみたい

event_note2019/12/05 0:42

環境構築など面倒なことはやらずに、とにかく Vue.js を簡単に試してみたい場合の方法です。

必要なのはテキストエディタとブラウザ、あとはインターネットに接続できれば OK です。
npm などのパッケージ管理ツールは使いません。

まずは新規にテキストファイルを作成し、以下を記述して保存します。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script>
</head>
<body>
    <div id="app"></div>
    <script>
        new Vue({
            el: '#app',
            template: '<div>Hello World!</div>'
        });
    </script>
</body>
</html>

保存したファイルをブラウザで開き、Hello World! と表示されれば OK です。

ここでは Vue.js を jsdelivr から読み込んでいますが、読み込む CDN サーバーやバージョンなどは必要に応じて変更してください。