Naming components 修改一下Story檔案，對應於Component的Title名稱(default export區塊)，就會發現Sidebar...
Decorators Decorator是一種設計模式，把要被裝飾的Story當做參數，傳入裝飾器中，Decorator可以幫Story加上額外的資訊，賦予給S...
Parameter Parameter 是用來定義Stories的靜態metadata(解釋資料的資料)，Parameter能提供給不同的addon去做設定。...
Template & Args 同一個元件的多個story function，都會重複的指定相同的Template，可以拉出一個共用 template...
Story檔案放置位置 Component對應的Story檔案，通常會放置在Component檔案旁邊。Story只會用於開發時期，在Production的bu...
以下列出，啟動或是建置 Storybook 時，有哪些可以使用的 CLI Options。 start-storybook 啟動 Storybook Usage...
預設放置組態檔案的目錄 Storybook集中放置組態設定檔案的目錄預設是.storybook，若需要變更路徑及名稱，要在Storybook的CLI指令做設定。...
前情提要 從開始安裝到完成，檢查專案目錄下變更的檔案結構，會發現Storybook的安裝做了以下的步驟。 安裝需要的相依套件 在Package.json加上建...
Install Storybook 安裝 Storybook 只需要在Terminal，切換到現有專案的根目錄後，簡單的執行一行指令 npx sb init...
Intro 想做這個主題是因為，在翻閱過去的鐵人賽，「單純」只討論 Storybook 的文章並不多，雖然它的基本觀念並不難理解。 若有更多人知道及理解這個好用...
嗨 大家好 我是一路爬坡的阿肥 今天是Happy Friday! 也是適合寫鐵人賽文章的好日子喔(疑?) Storybook 簡介 今天阿肥要先插個花，介紹一...
今天開發的 FormAddPost 主要功能為 新增/修改 一篇文章的表單。 會用到之前寫的元件: TheMarkdown vue-codemirror Po...
今天會擴充套件 codemirror 和 vue-codemirror。使我們在部落格中編輯或發佈文章時，輸入的 markdown 是會有高亮的，這篇是為了之後...
～～快要爆炸啦～～～～最近要趕工作～～～～快要齁不住了～～ 今天來寫一個文章摘要預覽的元件，主要有兩種模式： default: 使用者會看到的模式。 admi...
經過了前面兩篇新增了 markdown-it 和 highlight.js，今天來開發 TheMarkdown 元件，因為所需要的套件和設定都已經在前兩篇完成，...
上一篇將 blog 所需要的頁面整體結構都建好了，但其實內容都還沒有做啊。 因為會用到許多套件，接下來的篇幅，會先將頁面所需要的元件寫完，再完成所有頁面的切版與...
上一篇將 vuetify 的 theme 拆成獨立的檔案 (vuetify.config.js)。 這篇會將 vuetify 引入 storybook 中，同步...
上一篇，整合了 Storybook 和 Nuxt，也建立了一個元件為 MyButton。 但如果每次要新增一個元件，就要建立四個檔案如下： index.js...
storybook 版本升級 如果有看上一篇的話，會發現上一篇的範例用的是 storybook 3.4.10。因為重新用 webpack4 建立了 Nuxt 2...
Storybook 簡介 官方 Demo Storybook 方便我們開發 UI 元件，使用 storybook 可以看到 UI 元件在不同狀態下的樣貌。 另外...
前言 首先，這不太算一個 Nuxt 教學文，只是想分享自己用 Nuxt 建立一個 blog。這次參賽的目標是想分享自己學到的知識，並記錄自己的學習過程，所以東西...
lala_lee_jobs
Yuri Tsai
HunterLiu
iThome鐵人賽
看影片追技術