Vue.js/個人サイトを作ってみる/010_準備

Vue.js/個人サイトを作ってみる/010_準備

Vue.js/ファイラーっぽいUIを作ってみる/010_準備 と同様に進める。 まず必要になるライブラリを3つ全部読み込んで Hello まで進める。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
    <title>Hello</title>
    <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/vuetify/dist/vuetify.min.css" rel="stylesheet">
    <script src="https://unpkg.com/vue@latest"></script>
    <script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vuetify/dist/vuetify.js"></script>
</head>
<body>
    <div id="app">Hello</div>
</body>
</html>

このようになるようだ。

全部ロードされていることを確認。

javascript/vuejs/create_my_site_with_vuetify_and_vue_router/010_ready.txt · 最終更新: 2019-01-31 11:24 by ore