u=653666270,723497068&fm=26&gp=0.jpg
前言
Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。
本人是一名iOS开发，跟着时代的步伐也是踏入了Flutter的坑(还不是技术更新太快，东西太多了😭)，在此记录一下自己学习Flutter的过程，勉励自己
以下是我在mac上配置环境的过程:
-
第二步
解压下载的SDK，然后放在电脑里面的一个路径下，路径可以自己设置，这个路径很重要，最后配置环境的时候需要用上.
我是放在这个路径下
image.png
-
第三步
紧接着打开终端工具，输入这个命令,
vim ~/.bash_profile
在打开的文件里面添加上，这其实就是添加你下载Flutter SDK里面bin的路径
export PATH=`pwd`/flutter/bin:$PATH
配置完成后就再去终端输入命令重新加载刚才的配置
source ~/.bash_profile
完成这个操作，就相当于我们安装完成了Flutter，我们使用下面的命令会出现Flutter相关的使用说明，那么就说明我们的Flutter安装成功了
flutter -h
下面就是安装成功运行的结果
image.png
-
第四步
我们使用下面命令去检测开发环境
flutter doctor
结果如图
image.png
这是我配置好了我的环境,iOS的需要去下载Xcode，安卓我使用的是Android Studio, VS Code我没有去配置
下载完Android Studio之后，运行flutter doctor你会发现会提示你要你去运行这个命令
image.png
然后你就运行这条命令
flutter doctor --android-licenses
会提示你是否接受(y/N)，一直y就好了。当运行完之后再运行 flutter doctor 你会发现这一条显示安装好了
image.png
然后就需要解决Android Studio 这一块的错误
image.png
我们打开Android Studio,选择下面Configure，选择Plugins 如下图：
image.png
然后我们就安装Flutter就可以了， 如图：
image.png
再运行
flutter doctor 就会看到这一条安装好了
image.png
-
第五步
使用镜像
由于在国内访问Flutter有时可能会受到限制，Flutter官方为中国开发者搭建了临时镜像
运行命令：
vim ~/.bash_profile
在.bash_profile文件下添加这两行配置
export PUB_HOSTED_URL=https://pub.flutter-io.cn //国内用户需要设置
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn //国内用户需要设置
再运行重载一下
source ~/.bash_profile
那么Flutter环境就配置完成了，我只是配置了Android的环境，iOS的我本来就有就不在这里说了
-
第六步
那当然是来创建Flutter项目了，如下图就可以创建出Flutter项目了
打开我们的Android Studio
image.png
image.png
参考:
Flutter中文网
技术胖掘金博客
网友评论