iT邦幫忙

vuetify相關文章
共有 17 則文章

技術 用 vuetify-loader 提升 Vue 開發體驗

好久沒寫文章,心血來潮發一篇 重點先放三遍 不用 Vuetify 也可以用 vuetify-loader 哦 不用 Vuetify 也可以用 vuetify-...

鐵人賽 Modern Web DAY 17

技術 #17 元件開發: ThePostPreview (default & admin 模式)

~~快要爆炸啦~~ ~~最近要趕工作~~ ~~快要齁不住了~~ 今天來寫一個文章摘要預覽的元件,主要有兩種模式: default: 使用者會看到的模式。 ad...

鐵人賽 Modern Web DAY 13

技術 #13 元件開發: TheTags

上一篇將 blog 所需要的頁面整體結構都建好了, 但其實內容都還沒有做啊。 因為會用到許多套件,接下來的篇幅,會先將頁面所需要的元件寫完, 再完成所有頁面的切...

鐵人賽 Modern Web DAY 11

技術 #11: 撰寫 Layouts (default, admin, error)

經過了十天,稍微回顧一下,目前的進度: 我們現在有一個 Nuxt 2.0 應用, UI framework 是使用 Vuetify, 並透過 storybook...

鐵人賽 Modern Web DAY 10

技術 #10: Vuetify 導入 Storybook & Nuxt.js

上一篇將 vuetify 的 theme 拆成獨立的檔案 (vuetify.config.js)。 這篇會將 vuetify 引入 storybook 中,同步...

鐵人賽 Modern Web DAY 1
Daily UI : 開發者版 系列 第 1

技術 30 DAILY UI:Day1 — 開頭簡介很老套,但真的很重要

選題緣起 稍微瀏覽一下本屆參賽題目,真的臥虎藏龍 原本也想來個獨門技術文參賽,好死不死這個月在趕大型專案XD 只好折衷,來個創意十足的參賽主題( 自己說,不要臉...

鐵人賽 Modern Web DAY 9

技術 #9: Vuetify 簡介 + (vuetify.config.js)

Vuetify 是一個基於 Vue 的 UI 框架, 類似於 Vuetify 的框架或函式庫有很多,例如: Element UI VueStrap...

鐵人賽 Modern Web DAY 5

技術 #5: Boilerplate(pug & stylus & 其他基礎設定)

在簡單介紹完 Nuxt.js 之後, 今天會接著將 Day02 的 002-create-nuxt-app branch 接續開發下去, 目標是加入: pug...

鐵人賽 Modern Web DAY 2

技術 #2: 三秒建立一個 Nuxt 應用

create-nuxt-app 要建立一個 Nuxt 應用,真的非常容易, 只需要透過 create-nuxt-app 工具。 指令: npx create-n...

鐵人賽 Modern Web DAY 1

技術 #1: 前言&簡介&大綱

前言 首先,這不太算一個 Nuxt 教學文,只是想分享自己用 Nuxt 建立一個 blog。 這次參賽的目標是想分享自己學到的知識,並記錄自己的學習過程,所以東...

鐵人賽 Modern Web DAY 30
用範例理解 Vue.js 系列 第 30

技術 用範例理解 Vue.js #30:總結

總結 連續三十天,一起床想到的就是發文,一到辦公室坐下露天廢物們就會"關心"逼問彼此發文了沒,一度差點忘了發文險些斷賽。 自己寫過才知道,...

鐵人賽 Modern Web DAY 28

技術 Day28 替網站穿上黑絲襪 使用Vuetify

我們在完成了API開發以後,以及前端的串接後,接下來會開始著手進行畫面的繪製,大家也都知道畫面的呈現與HTML和CSS脫離不了關係,當然我們在網路上可以找許多...

鐵人賽 Modern Web DAY 23
用範例理解 Vue.js 系列 第 23

技術 用範例理解 Vue.js #23:webpack in Vuetify

圖片來源 延續之前的主題 Vuetify 中用到的技術大方向有: vue-router vuex vue-server-renderer webpack e...

鐵人賽 Modern Web DAY 22
用範例理解 Vue.js 系列 第 22

技術 用範例理解 Vue.js #22:vue-server-renderer in Vuetify

圖片來源 延續之前的主題 Vuetify 中用到的技術大方向有: vue-router vuex vue-server-renderer webpack e...

鐵人賽 Modern Web DAY 21
用範例理解 Vue.js 系列 第 21

技術 用範例理解 Vue.js #21:Vuex in Vuetify

圖片來源 延續之前的主題 Vuetify 中用到的技術大方向有: vue-router vuex vue-server-renderer webpack e...

鐵人賽 Modern Web DAY 20
用範例理解 Vue.js 系列 第 20

技術 用範例理解 Vue.js #20:vue-router in Vuetify

圖片來源 延續昨天的主題 Vuetify 中用到的技術大方向有: vue-router vuex vue-server-renderer webpack e...

鐵人賽 Modern Web DAY 19
用範例理解 Vue.js 系列 第 19

技術 用範例理解 Vue.js #19:Vuetify

圖片來源 Vuetify 簡介 Vuetify 是一個語意化元件的前端框架,提供簡潔、直觀、易於重複使用的元件,使 Vue 的開發者可以輕鬆解決前端的問題。...