Flutter 环境搭建以及创建第一个APP遇到的坑

106次阅读

共计 1178 个字符,预计需要花费 3 分钟才能阅读完成。

win10 64 位 安装 Flutter
一、Flutter 官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中:
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
二、获取 Flutter SDK:
//git 拉取 flutter sdk
git clone -b dev https://github.com/flutter/flutter.git
// 配置 path 变量 (clone 项目下的 bin 文件地址)
export PATH=”$PWD/flutter/bin:$PATH”
cd ./flutter
// 安装下载依赖
flutter doctor

// 会有错吴如下
[-] Android toolchain – develop for Android devices
• Android SDK at D:\Android\sdk
✗ Android SDK is missing command line tools; download from https://goo.gl/XxQghQ
• Try re-installing or updating your Android SDK,
visit https://flutter.io/setup/#android-setup for detailed instructions.
三、上面报错原因是没有下载安装 Android sdk,Android 设置。
1、下载 android studio
2、安装
3、安装过程中会遇到 downloading components 慢的问题 [解决方法][1]
4、配置好了镜像后 注释掉 disable.android.first.run=true 再启动 android studio downloading components 就会下载好了
5、[设置 android studio 模拟器][2]
6、配置环境变量 android sdk export ANDROID_HOME 例如 SDK 装在 D:\androidSDK 中
7、解决第二步 报错 android studio 安装 flutter 和 dart 插件
四、vscode 编辑器配置
1、安装 flutter 和 dart 插件
2、调用 View>Command Palette…
3、输入‘doctor’, 然后选择‘Flutter: Run Flutter Doctor’action
没问题就执行如下:
4、调用 View>Command Palette…
5、输入‘flutter’, 然后选择‘Flutter: New Project’action
6、新建项目后 F5,这里会报错,问题是之前用镜像下载 sdk 的问题 要删除之前的代理 android sdk 路径的 gradle.properties 删除代理
7、再按 f5 就 ok 了

正文完
 0