Qwik 元件產生器：路由、Context 與樣式
產生 Qwik 1 TypeScript／JavaScript 元件、路由、layout 或 provider，搭配 signal、store、task 及三種樣式整合。
qwik-component-generator本機處理
正在啟用本機工具…
產生設定
適用 Qwik 1 的 @builder.io/qwik／Qwik City。需既有 compiler 專案；Tailwind 模式假設已設定 Tailwind。Provider 提供 context，layout 提供 Slot；loader 使用本機範例資料。
來源欄位核對日期：2026-10-18。UD5
預覽與完整輸出
設定欄位後產生，或先載入範例。
如何使用這個工具
選擇元件類型、語言、功能及樣式，產生所需程式與 CSS 檔；routeLoader$ 僅適用路由元件。
不適合用在什麼情況
適用 @builder.io/qwik 與 Qwik City，不是 Qwik 2 預覽版。需既有 Qwik 編譯專案；Tailwind 樣式假設已完成設定，loader 使用本機範例資料。