First Look at Vuetify Code

scrimba

Watch in fullscreen

by Gwen Faraday

Learn Vuetify

About

Comments

Notes

Typography3:52

First Look at Vuetify Code

by Gwen Faraday

Learn Vuetify

Expand for more info

Typography3:52

index.html

run

preview

console

<html>
    <head>
        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900">
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css">
        <link href="https://cdn.jsdelivr.net/npm/vuetify@2.x/dist/vuetify.min.css" rel="stylesheet">
    </head>
    <body>
        <div id="app">
            <v-app>
                <v-content>
                    <playground></playground>
                </v-content>
            </v-app>
        </div>
        <script src="https://cdn.jsdelivr.net/npm/vue@2.x/dist/vue.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/vuetify@2.x/dist/vuetify.js"></script>
        <script src="index.pack.js"></script>
    </body>
</html>

<html>

<head>

700,900">

href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css">

</head>

<body>

<v-app>

<v-content>

</v-content>

</v-app>

</div>

</body>

</html>

›

"Download the Vue Devtools extension for a better development experience: https://github.com/vuejs/vue-devtools"

›

"You are running Vue in development mode. Make sure to turn on production mode when deploying for production. See more tips at https://vuejs.org/guide/deployment.html"

-3:14