@storybook / 博客 RSS 訂閱

Jul 21 2024

一顆冰淇淋 - React+TypeScript 組件庫開發全攻略：集成Storybook可視化與Jest測試，一鍵發佈至npm

平時我除了業務需求，偶爾會投入到UI組件的開發中，大多數時候只會負責自己業務場景相關或者一小部分公共組件，極少有從創建項目、集成可視化、測試到發佈的整個過程的操作，這篇文章就是記錄組件開發全流程，UI組件在此僅作為調試用，重點在於集成項目環境。 組件 我們使用 React + TypeScript 來開發UI組件庫，為了簡化 webpack 環境和 Typescript 環境配置，這裏直接使用 c

react , jest , storybook , npm , 前端

收藏 評論

Nov 06 2025

米花兒團兒 - 手把手創建Vue3組件庫

動機 當市面上主流的組件庫不能滿足我們業務需求的時候，那麼我們就有必要開發一套屬於自己團隊的組件庫。 環境 開發環境： vue 3.0 vue/cli 4.5.13 nodeJs 12.16.3 npm 6.14.4 步驟 創建項目 使用 vue-cli 創建一個 vue3 項目，假設項目名為 custom-npm-ui $ vue create custom-npm-ui 手動選擇

library , component , vue3 , storybook , npm

收藏 評論

Nov 06 2025

米花兒團兒 - Vitepress編寫組件文檔

快速開始 安裝依賴 mkdir projectName路徑下 cd projectName npm init -y npm i -D vitepress pkg#scripts "scripts": { "docs:dev": "vitepress dev docs", "docs:build": "vitepress build docs", "docs:serve"

vite , component , vue3 , vuepress , storybook

收藏 評論