flutter中ide推荐(AS,VSCode)
本来是准备写成一篇长篇的,但是知识点很碎,所以最后还是拆成了碎片化的文章,讲讲 flutter 尝试中的 tips.
ide这篇,我刚开始用的时候,使用的 Android Studio(后面简称 as),后来因为个人原因转去用了 vscode,两者中我用的 tips 都会在这篇文章里讲讲,后面也会不定时更新.
使用建议
建议两个编辑器混合着使用,我是主使用 vscode,辅使用 as
as 有着严谨的项目管理设计,自带安卓环境,吃内存,但是吃完内存后的开发还是很不错的.as 对于项目文件移动的重构十分的方便,这点我在 vs 上暂时没有发现在哪里设置,好像 vs 也可以,但是需要配置.界面也十分清晰
代码折叠,代码缩进结构提示
我特别喜欢 as 中的代码折叠,和缩进的折线提示,十分的清晰.
这样一看, vs 的代码折叠真的是难用的雅痞.
源码查找
as 还有一个最大的优点,就是对于源码查找,实现类查找十分的方便.比如
我可以很轻松的找到SliverGridDelegate有多少个实现类,而 vs 中我暂时完全没有看到该功能.
那为什么我又要转到主力使用 vs 呢,原因只有一个...vs代码提示是在太快了,基本是0延迟的提示,我就是忍受不了 as 那需要停留1s 左右的等待代码智能提示(也可能是因为我电脑太差劲了).
vs 还有个优点,就是用户开发的插件比较丰富,我找到的插件也比较的符合我个人的行为习惯,开发 ide 这东西最重要的就是顺手,这就是我目前使用的情况,当然,因人而异
总结,as 是必装的,自带 Android JDK,vs 推荐安装使用,响应速度真的是太快了.
安装插件
as 中推荐的插件:
vs 中推荐的插件:
还有一个GetX Snippets,是 get 的快捷构造方法,但是这东西与 vs 的自带类的快捷提示冲突,所以我暂时禁用了它.
使用 tips
1,快捷构造
vs光标放在组件上,按 cmd+. 可以呼出快捷构造父子层组件提示,这东西特有用.
as 中对应的是 alt+enter
2.flutter inspector
这东西可以快速定位 UI 中控件代码位置,可以用来分析布局,在接手一些不是自己写的页面时可以快速定位问题,代码.
as
vs
3.正则替换
场景是使用 jsonToBean插件时生成的数据不适配空安全,我们需要群体修改类似 int a;为 int a = 0;
类似 Xcode 里面的 Any 符号,掌握这两个,其他正则都不用学,保证好用.
vs 中也是类似情况,我在用 as 中用的比较频繁,这里就不列举了.
琐碎的一些提示
vs 代码大纲
as 代码大纲
cmd+F12
这东西用来看源码结构十分方便,不过 as 需要呼出一个界面,vs 可以在侧边栏查看,相比之下,还是 vs 更好点.
