Flutter 记录一

万事开头难

小弟长期以来混迹iOS开发,越来越觉得需要自己拓展下未来的道路!开始选择Flutter这个新生框架。学习Flutter框架前先要学习框架的语言。

Dart语言

Dart是谷歌开发的计算机编程语言,后来被Ecma(ECMA-408)认定为标准[1] 。它被用于web、服务器、移动应用[2] 和物联网等领域的开发。它是宽松开源许可证(修改的BSD证书)下的开源软件。(引自百度)

IDE选择

习惯了Xcode的苹果开发人员,选择新的开发环境的时候,对IDE的选择还真是费了点时间。
在这我简单说下我的选择仅供参考:
学习Dart语言使用:

  • 1.png

    后两个是学习Flutter时候使用

  • 2.png

    3.png

其中AndroidStudio就可以完成Flutter的开发,只是AndroidStudio太大。没有VisualStudioCode(后面就简称VSCode)插件多,而且还能支持中文哦!(是不是很开心)只是VSCode无法现在安卓模拟器,我们需要借助AndroidStudio来完成模拟器下载。所以我建议用AndroidStudio下载模拟器,以后就用VSCode来开发Flutter。下载完IDE还需要配置下,下载对应的插件才能运行环境,关于环境的配置网上很多也很全面,我这里不再叙述。

关于在Mac下用命令行启动安卓模拟器

因为我是用VSCode开发,所以每次都要用AndroidStudio开启模拟器后,运行程序。这样很繁琐,于是我就在网上找了用命令行来开启模拟器的方法,来提高效率。

emu.sh文件

pushd ${ANDROID_HOME}/emulator
emulator -avd Nexus_5X_API_28
popd

Nexus_5X_API_28是在AndroidStudio中模拟器名字,在AndroidStudio中模拟器名字的空格以‘_’来代替。这里的意思是打开Nexus_5X_API_28


4.png

.bash_profile里配置路径

export ANDROID_SDK_ROOT=/Users/XXX/Library/Android/sdk
export PATH=$ANDROID_SDK_ROOT/emulator:$ANDROID_SDK_ROOT/emulator:$PATH

XXX是你自己Mac电脑用户名。这个路径如下图:


5.png

配置好以后,你就可以在终端中输入emu.sh直接打开指定的模拟器。

特别注意下

如果你不会配置,那就不配置了。(学习的道路上我也是走了些弯路,虽然上面的没用了,我还是记录下来了还是学到了些新东西)因为后来我发现VSCode中有直接打开模拟器的地方。
右下角如图:


6.png

选择No Devices,就会在上方列出模拟器,你也可以选则直接打开。

安卓模拟器无法联网问题

习惯了Xcode中下载模拟器后就不用配置直接能上网,在学习Flutter中用到网络图片下载展示,图片没有展示。因为安卓模拟器需要配置下,才能有网络,捣鼓半天才找到一个可靠方案。
// 设置android模拟器网络网络
cd到(/Users/XXX/Library/Android/sdk/emulator路径里)

emulator @Nexus_5X_API_28 -dns-server 8.8.8.8,114.114.114.114

将Nexus_5X_API_28模拟器DNS设置下。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容