- 获取Flutter SDK
- 解压安装包到你想安装的目录,如:
cd ~/development unzip ~/Downloads/flutter_macos_v0.5.1-beta.zip - 添加flutter相关工具到path中:
export PATH=pwd
/flutter/bin:$PATH -
运行 flutter doctor,我第一次运行的结果是:
Pasted Graphic.png
看运行的结果,有一些需要安装和配置的东西该怎么配置都说得很清楚,只要跟着上面的步骤一步步操作就行了。在这个过程中可能会遇到一些小问题,下面是我自己对碰到的问题的处理。
-
flutter doctor --android-licenses 很顺利,按照提示有几个license ,一直输入y同意就行了
-
安装cocoapod,按照说明,执行**brew install cocoapods **,等了半天都是Updating Homebrew很慢,然后查了一下原来得换国内镜像:
- (1) 查看ruby源 gem sources -l 结果是 https://rubygems.org/
- (2) 替换ruby源 gem sources --add https://gems.ruby-china.com/ --remove https://rubygems.org/
- (3) 查看是否替换成功 gem sources -l 如果出现的是https://gems.ruby-china.com/证明替换成功。
- (4) 虽然替换成功了,但是我执行起来也是很慢呀,不过好歹有进度显示了,唉
- 执行pod setup,这是坑我最长时间的了,不知道是因为公司网太慢还是什么,试了好多方法都很慢,或者就是等了半天突然就服务中断了,搞得人很😒, 最后在网上找到了另外一种解决方法,就是直接去git上下载cocoapod,放到本地对应目录下:Flutter环境搭建之pod setup安装慢解决办法 ,亲测有效。终于解决了我的pod setup的问题。
上面的步骤执行过程中如果想看自己的某个配置是否成功,都可以执行flutter doctor查看新的结果。
上面flutter doctor要求的配置全部满足以后,就该下载编辑器了,我用的是VScode,具体的下载和安装sdk的过程看官网
---Visual Studio Code (VS Code) 安装---
VS Code: 轻量级编辑器,支持Flutter运行和调试.
安装 VS Code
- VS Code, 安装1.20.1或更高版本.
安装Flutter插件
- 启动 VS Code
- 调用 View>Command Palette…
- 输入 ‘install’, 然后选择 Extensions: Install Extension action
- 在搜索框输入
flutter
, 在搜索结果列表中选择 ‘Flutter’, 然后点击 Install - 选择 ‘OK’ 重新启动 VS Code
通过Flutter Doctor验证您的设置
- 调用 View>Command Palette…
- 输入 ‘doctor’, 然后选择 ‘Flutter: Run Flutter Doctor’ action
- 查看“OUTPUT”窗口中的输出是否有问题
终端说明中iOS下面的项目全部设置成功后执行flutter doctor,会是这样的结果:
剩下的就是Android Studio的事儿了,如果没有安装就先安装,安装以后打开android studio, 打开plugin
输入flutter搜索,直接搜会搜不到,要点击中间的 Search in repositories
然后执行搜索找到Flutter后点击install,他会弹出提示问你flutter要依赖dart,是否允许安装,一直点击允许就好了,然后就等他下载:
顺利的话安装完毕之后重启android studio就好啦
image.png
另外,还有个问题坑了比较久的,就是终端环境变量的配置,官网有永久将Flutter添加到PATH中的方法讲解,后来证明也是对的,但是实际操作的时候,我还是碰到了配置以后vs仍然找不到flutter SDK的问题,后来还是重启了两次vs才好了,唉,害我以为是我配置的问题,折腾了好久,有的时候你离成功可能就差一次重启,但你不知。
记录几个配置的时候常用的命令
// 打开配置文件
open .bash_profile
// 查看配置文件内容
echo $PATH
// 更新配置文件的修改
source $HOME/.bash_profile
image.png
网友评论