下载Flutter SDK
- 在Flutter官网下载 地址
- 解压下载好的Flutter SDK,将 flutter 目录拖入到应用程序中
配置Flutter SDK
- 进入mac终端,不用 cd 切换到某一个路径,直接输入命令vim ~/.bash_profile
- 输入 i
- 粘贴以下代码,将镜像加入到环境变量中。
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=刚下载的flutter文件夹外层路径/flutter/bin:$PATH
以我本机路径为例
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=/Applications/flutter/bin:$PATH
- 输入后按 esc 退出键盘输入,再敲:wq ,写入并退出。
- 执行以下代码 source ~/.bash_profile
- 此时,可以运行flutter命令,检测是否配置成功 flutter --version
- 运行flutter doctor,检测flutter环境,此步就是根据检测结果,将所有的❌都变成✅。
配置镜像
依然是编辑~/.bash_profile文件
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter
注意: 此镜像为临时镜像,并不能保证一直可用,可以参考详情请参考以获得有关镜像服务器的最新动态。地址
配置iOS环境
安装 Xcode
配置Android环境
- 安装 Android Studio 地址
- 之后各种下一步,就会帮我们安装SDK等相关需要使用的内容
- 创建Android模拟器 AVD Manager
检测
flutter doctor
- Android Studio 需要在 Configure -> Plugins 搜索并下载 Flutter 和 Dart
- VS Code 需要搜索并下载插件 Flutter
运行到真机和模拟器
安卓端问题
【Flutter】flutter run卡在Running Gradle task ‘assembleDebug’…
阿里云镜像
maven { url 'https://maven.aliyun.com/repository/google' }
maven { url 'https://maven.aliyun.com/repository/jcenter' }
maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }
参考链接
1. coderwhy Flutter环境搭建
2. Flutter入门|(一)环境搭建(Mac版)
3. Download Android Studio and SDK tools
"星星y"推荐的学习资料
- dart语言学习,看官网教程就行
- flutter部分,wendux(dio作者)的flutter实战
- 动手实战一个项目,可以找些项目实战源码边看边写
- 刚学flutter,找项目源码时侯先避免找过于成熟的项目,先求简单入门。