このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン 前のリビジョン 次のリビジョン | 前のリビジョン | ||
00.vue用デザインフレームワークvuetify:01.codesandboxのvue.jsでvuetify [2018/12/18] adash333 [index.htmlとsrc/App.vueとsrc/main.jsの編集] |
00.vue用デザインフレームワークvuetify:01.codesandboxのvue.jsでvuetify [2018/12/18] (現在) adash333 [解説] |
||
---|---|---|---|
行 65: | 行 65: | ||
Vue.jsにVuetifyを導入するためには、以下の3つが必要です。 | Vue.jsにVuetifyを導入するためには、以下の3つが必要です。 | ||
- | -Vuetifyをnpm install | + | -Vuetifyをnpm install(CodeSandboxでは、Add DependencyからVuetifyをインストール) |
-index.htmlの< | -index.htmlの< | ||
-src/ | -src/ | ||
+ | index.htmlの追加コード | ||
+ | < | ||
+ | // </ | ||
+ | <link href=" | ||
+ | </ | ||
+ | |||
+ | src/ | ||
< | < | ||
import Vuetify from " | import Vuetify from " | ||
行 76: | 行 83: | ||
</ | </ | ||
+ | 上記の3つの作業を行えば、src/ | ||
===== リンク ====== | ===== リンク ====== | ||