Flutter组件预览插件
各维度得分依据公开资料与字段推算,加权后即综合评分,仅供参考。
Wings for Flutter 是 Cheeky Pixel Oy 推出的一款 VSCode 扩展,定位是提升 Flutter 开发效率。它的核心价值在于让开发者直接在编辑器里预览 Flutter Widget,而不必每次等待模拟器启动或切换窗口。官网明确强调其 Widget preview 是“fully interactive”,并且仍可利用 Flutter 的 Hot Reload 工作流。
从功能看,Wings 主要面向 Flutter UI 与组件开发。开发者可以创建名称中包含 “preview” 的 public 顶层函数来生成预览,例如返回单个 Widget,也可以返回多个 Widget 列表。它支持自定义预览配置,用于展示应用主题;还支持把不同版本的 Widget 并排比较,适合做组件状态、样式和版本差异检查。环境方面,它要求 VSCode 运行在 macOS 或 Windows,并要求 Flutter 3.19 及以上。
网站存在 Pricing 页面,但抓取正文没有具体套餐价格。服务条款显示它采用订阅模式,会自动续费,可联系官方取消,取消在当前付费周期结束时生效。付款币种为欧元,支持 Visa、Mastercard、American Express、Discover、PayPal、Google Pay 和 Apple Pay。首次购买后 30 天内可通过邮件申请无理由退款。条款中对源代码、复制、反编译、再分发有严格限制,未看到开源说明,也未提供自托管选项。
优势是场景非常聚焦:对 Flutter UI 开发者而言,在 VSCode 中直接做交互式预览能减少模拟器等待,提高组件迭代速度;文档也给出了入门、预览函数写法和限制说明,学习成本不高。缺点同样明确:目前正文只提到 macOS 和 Windows,不含 Linux;预览运行在 Flutter test 环境,因此平台特定插件不可用;具体价格缺失,团队采购前需要进一步确认。
它适合以 VSCode 为主力 IDE 的 Flutter 开发者、设计系统维护者和需要频繁调试 Widget 状态的团队。对于依赖大量原生平台插件的场景,需要提前验证兼容性。中国大陆访问情况抓取文本未提供,支付方式虽包含国际信用卡、PayPal、Google Pay、Apple Pay,但本地支付未提及;可替代方案包括 Flutter DevTools、官方 Flutter 插件、Android Studio Flutter 工作流以及 Widgetbook 等。
本测评基于公开资料整理,不构成购买建议,请以 flutterwings.dev 官网实际信息为准。
在VSCode中交互预览Flutter组件,公测期免费。
评分明细(分布与用户短评)接入中。当前展示 TG4G 综合评分,数据源自公开测评与用户反馈。