技術 03. Nuxt.js 怎麼處理 SSR 問題？擔任什麼角色？

關於 Universal Rendering 前一篇提到，原本前後端的 View 各自分開隨著前端漸漸吃重，為了讓畫面邏輯不需要分散各處，有人提出新的架構 -...

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

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

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

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

達標好文 技術 01. Nuxt.js 小跑起步

前言 寫文是為了將最近用 Vue.js + Nuxt.js 的使用細節整理，供日後參考。順序也許跟官網不太一樣，請多多包涵。 官方範例其實已涵蓋的大量情境，若是...

技術 #8: Plop: 三秒寫一個 component

上一篇，整合了 Storybook 和 Nuxt，也建立了一個元件為 MyButton。 但如果每次要新增一個元件，就要建立四個檔案如下： index.js...

技術 #7: Storybook 和 Nuxt.js

storybook 版本升級 如果有看上一篇的話，會發現上一篇的範例用的是 storybook 3.4.10。因為重新用 webpack4 建立了 Nuxt 2...

技術 #6: Storybook(含有兩個元件範例)

Storybook 簡介 官方 Demo Storybook 方便我們開發 UI 元件，使用 storybook 可以看到 UI 元件在不同狀態下的樣貌。 另外...

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

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

技術 #4: nuxt.config.js

這篇稍微介紹一下 nuxt.js 的設定檔： nuxt.config.js。 可以將以下專案 clone 下來，了解一下基本目錄結構。 github repos...

技術 #3: Nuxt.js 簡介 ＆ 學習連結分享

上一篇，在不知道 Nuxt 是什麼的情況下，使用create-nuxt-app建立了一個 Nuxt 應用。 今年 9/21 在倫敦舉辦的 Vue Confere...

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

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

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

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

技術 Day 25. 實作一個電商網站 - refactor

記得上 Github 拉專案來自己玩玩看: https://github.com/MOSapeizer/vue-ecommerce也可以發 pull reque...