前端開發 提供前端工程師開發用的程式碼與環境設定
Storybook
透過 Storybook，設計師、開發者及 QA 團隊可在單一平台中溝通與迭代，構建清晰且標準化的設計系統，確保產品介面的一致性和品質。
Vue版本
React版本
安裝說明
01.建立開發環境
- npm create vite@latest
- cd ${my-project}
- 選擇開發框架
- npm run dev
02.安裝相依套件
- 開啟 package.json 設定檔
- 新增 ded-wds 到 dependencies : "ded-wds" :"^1.0.1"
- 新增 SASS 到 devDependencies : "sass": "^1.81.0"
- 執行 npm install
03.引用SCSS
- 下載 style.zip
- 複製 style 資料夾至 src 資料夾
- 進入點檔案( App.tsx )引用 globals.scss
04.開始頁面開發
- 打開 Storybook 並選擇所需組件
- 設定組件、複製原始碼、貼至頁面
- 程式邏輯開發
引用套件
Design system 為提供便利的功能，部分常見元件採用功能完善的第三方套件以加快開發時程。
vanillajs-datepicker
uppy file uploader
其他
更多的相關資源
SASS
Google Material Symbols
