序
随着跨平台开发慢慢成为小公司开发的首选,从React-native、Weex等开发语言,再到Google重磅推出的Flutter,跨平台语言也算是经历了时代的一波波洗礼。所谓长江后浪推前浪,本文的主角Flutter从推出就被热捧,具有无限接近原生的UI效果,超多便捷的控件,还有比较容易上手的开发语言体系等等,都让人急不可耐的想上手试试,毕竟掌握一门跨平台语言对自己职业发展还是挺有帮助的。本文将介绍使用Flutter开发的第一步——配置Flutter环境。
一、获取Flutter SDK
去flutter官网下载最新可用的安装包。官网传送门
二、配置环境变量
1.命令行:
1、 vim ~/.bash_profile
如果没有bash_profile文件,可在Home目录中创建(正常情况下是不会有创建bash_profile文件这一步哒),创建完后,返回第一步。
创建bash_profile文件
1、 cd ~
2、 touch .bash_profile
2.编辑bash_profile文件,添加Flutter SDK文件的路径
1、export PATH=‘pwd’/flutter/bin:$PATH
2、export PUB_HOSTED_URL=https://pub.flutter-io.cn
3、export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
将上面3行代码复制到bash_profile文件。
注:第一行中的pwd为Flutter SDK文件的路径,直接拖到终端就可以了。
第二、三行官网解释:由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中。
还有此镜像为临时镜像,并不能保证一直可用。
3.更新配置环境
1、 source ~/.bash_profile
4.验证配置成功
1、 flutter doctor
出现下图信息,则表示配置成功
反之出现下面的情况,则表示配置失败,请检查以上步骤是否正确,尤其是Flutter SDK的路径。在以上步骤无误的情况,可以参考下面的注。
1、 command not found: flutter
注:在MAC中配置Flutter环境中,容易出现command not found: flutter的情况还有一种。Mac系统Catalina默认zsh命令行,而不是bash,这就表示我们配置在bash_profile文件中的环境,都没有成功执行,So显示找不到flutter。
解决方法:
方法1.(推荐)把上面步骤的bash_profile文件换成zshrc文件,重新配置一遍。
1、 vim ~/.zshrc
最后别忘记更新配置
1、 source ~/.zshrc
方法2.切换回bash默认命令行
// 查看有哪些shell
1、 cat /etc/shells
// 切换
2、 chsh -s /bin/bash
结语
到这Flutter环境的配置已经完成,算是比较简单的。至于flutter doctor中的一些配置,只需要详细查看flutter doctor后给出的信息(如下图),按步骤一个个来(执行的步骤都在flutter doctor后给出的信息中,比如执行某条命令,或者安装),还是很容易完成的。只要全部都是绿色的打勾,就算完美了,我电脑没有安装Android Studio所以没法进行安卓配置,不过不影响前期开发。
Tip:如果用VSCode或Android Studio进行Flutter开发,记得安装Flutter和Dart插件。