以下列出，啟動或是建置 Storybook 時，有哪些可以使用的 CLI Options。
Usage: start-storybook [options]
| Options | 說明 | Example |
|---|---|---|
--help |
列出可以用的Options | start-storybook --help |
--version, -v |
顯示目前使用的Storybook版本 | start-storybook -v |
--port, -p [number] |
指定 運行時的 Port | start-storybook -p 9009 |
--host, -h [string] |
指定 運行時的 Host | start-storybook -h http://my-host.com |
--static-dir, -s <dir-names> |
設定放置靜態檔案的目錄位置 | start-storybook -s public |
--config-dir, -c [dir-name] |
設定放置組態檔案的目錄位置 | start-storybook -c .storybook |
更多設定請參考 CLI options - start-storybook
Usage: build-storybook [options]
| Options | 說明 | Example |
|---|---|---|
--help |
列出可以用的Options | build-storybook --help |
--version, -v |
顯示目前使用的Storybook版本 | build-storybook -v |
--static-dir, -s <dir-names> |
設定放置靜態檔案的目錄位置 | build-storybook -s public |
--config-dir, -c [dir-name] |
設定放置組態檔案的目錄位置 | build-storybook -c .storybook |
--output-dir, -o [dir-name] |
設定要輸出的建置目錄位置 | build-storybook -o /my-deployed-storybook |
--watch, -w |
啟用監看模式 | build-storybook -w |
更多設定請參考 CLI options - build-storybook
目前只有列出我認為比較常用到的Option，所以有一併附上原文連結給大家參考，如果讀者認為有哪些Option也很重要的話，也歡迎留言給我。如果後續的單元有用到這裡沒有列出的指令的話，我也會再回來這篇補充。
理解完Storybook相關的設定功能，接下來會從大家最熟悉的 Button 元件，開始寫第一個元件的Story，沒有意外的話會是 Vue + Angular 雙刀流。
Storybook官網的CLI options文章：Vue、Angular
＊ 恭喜 Vue 3.0 One Piece Release 囉！！！
＊ Storybook似乎對React的支援度最好，官網第一手更新的程式碼都是React的XD
＊ 今天去Storybook Github的Discussions上發了提問，希望可以得到回應～
iThome鐵人賽
看影片追技術