欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 新闻 > 会展 > VSCode Flutter 快捷键

VSCode Flutter 快捷键

2025/3/31 17:19:50 来源:https://blog.csdn.net/csdnzhaoxiaosheng/article/details/146477754  浏览:    关键词:VSCode Flutter 快捷键

扩展安装:

Flutter Widget Snippets

Flutter

Flutter Files

1.StatelessWidget切换StatefulWidget快捷键

        1.1 将光标放在 StatelessWidget 上。

        1.2 按下快捷键:

                Windows/Linux: Ctrl + .

                macOS: Cmd + .

        1.3 在弹出的菜单中选择 "Convert to StatefulWidget"。

2.将return返回的widget抽取成单独的class快捷键

        2.1 将光标放在 return 返回的 Widget 上。

        2.2 按下快捷键:

                Windows/Linux: Ctrl + .

                macOS: Cmd + .

        2.3 在弹出的菜单中选择 "Extract Widget"。

        2.4 输入新 Widget 的名称,然后按回车。

3.在写好的widget外层新加一层widget快捷键

         3.1 选中 Widget:

                将光标放在要包裹的 Widget 上(或选中整个 Widget 代码块)。

         3.2 触发快捷键:

                Windows/Linux: Ctrl + .

                macOS: Cmd + .

        3.3 选择 "Wrap with Widget":

                在弹出的菜单中选择 "Wrap with Widget"。

        3.4 输入新 Widget 类型:

                输入你想包裹的 Widget(如 Container、Padding、Column 等),按回车确认。

4.删除已经写好widget结构中的widget

        4.1 选中widget

                光标放在需要删除的widget上

        4.2 触发快捷键:

                Windows/Linux: Ctrl + .

                macOS: Cmd + .

        4.3 选择 "Remove this Widget":

                在弹出的菜单中选择 "Remove this Widget"。

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词