Flutter环境配置 VSCode安卓苹果真机调试
flutter环境配置
macOS Mojave 10.14.5
Xcode 10.2.1
（可选，示例使用的是此工具）Visual Studio Code 1.37.1
（可选）Android Studio 3.5
Android SDK
Homebrew
cocoapods
Flutter 安装 (https://flutter.dev)
1、Flutter SDK下载地址:
https://storage.googleapis.com/flutter_infra/releases/stable/macos/flutter_macos_v1.7.8+hotfix.4-stable.zip
(或者其他版本地址
https://flutter.dev/docs/development/tools/sdk/releases?tab=macos)
2、解压提取文件
1⃣️CLI操作
$cd ~/development
$unzip ~/Downloads/flutter_macos_v1.7.8+hotfix.4-stable.zip
2⃣️GUI操作
打开“访达“，打开你所想安装的目录，我所安装的为“/Users”目录下，
在“/Users”目录下新建名为“development”的文件夹，然后把解压后的文件夹放入“development”文件夹，如图所示：
image
3、将flutter工具添加到您的路径：
$export PATH="$PATH:/Users/development/flutter/bin"
“/Users/development”可替换为自己的路径
此命令仅为当前终端窗口设置PATH变量。要将Flutter永久添加到路径
将Flutter永久添加
1⃣️用户目录下/.zshrc 文件中进行添加
1、$cd ~/
2、open .zshrc
3、添加如下两行
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
2⃣️直接用文本打开文件.zshrc,然后增加两行
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
.zshrc位置目录如下图所示
image
4、（可选）预先下载开发二进制文件：
该flutter工具根据需要下载特定于平台的开发二进制文件。对于预先下载这些工件（例如，在密封构建环境中或具有间歇性网络可用性）的情况，可以通过运行以下方式提前下载iOS和Android二进制文件：
$flutter precache
5、检查是否需要安装任何依赖项来完成设置
$flutter doctor -v
下图为配置成功后的截图
image
6、完成需要的依赖项
- 第二项报错：下载JDK参考文中“Java SE JDK ”�。文件名例如：jdk-8u221-macosx-x64.dmg
- 第三项报错：
第一条、通过从命令行运行sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer来配置Xcode命令行工具以使用新安装的Xcode版本
第二条、通过苹果商店安装Xcode
第三条、参照文中“COCOAPODS安装”
- 第四项报错：按照提示安装ios-deploy，使用到Homebrew，
$brew install ios-deploy
另外有个总结iOS真机调试 https://blog.iw3c.com/archive/1147,安装出现的问题有提示，按照提示进行修改
- 第七项报错：参照“编辑器安装”-》“Visual Studio Code”
- 其他：安卓真机调试，参考文中“Mac AndroidStudio真机调试”
Homebrew安装 (https://brew.sh)
安装：
$/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
使用：例如我们安装wget
$brew install wget
我们会在安装依赖项时用上
COCOAPODS安装（https://cocoapods.org/）
$ sudo gem install cocoapods
Android SDK (https://www.oracle.com/technetwork/java/javase/downloads/index.html)
Java SE JDK
image
同意条款后点击下载（需要登录）
https://download.oracle.com/otn/java/jdk/8u221-b11/230deb18db3e4014bb8e3e8324f81b43/jdk-8u221-macosx-x64.dmg
image
Mac AndroidStudio真机调试（参考https://blog.csdn.net/dengshunhao/article/details/88391255）
- 找到sdk路径，/Users/apple/Library/Android/sdk
- 配置adb，打开/Users/apple/Library/Android/sdk/platform-tools文件夹，创建或修改.bash_profile，增加两行
export PATH=${PATH}:~/Library/Android/sdk/platform-tools
export PATH=${PATH}:~/Library/Android/sdk/tools
- 开启终端，输入：source .bash_profile
- 测试adb：$ adb version ,通过adb查看是否有手机设备 : adb devices,如果List of devices attached无设备，则修改adb_usb.ini
- system_profiler SPUSBDataType,复制手机的Vendor ID
- 打开文件 ~/.android/adb_usb.ini，把复制的Vendor ID填进去，多个手机Vendor ID换行填写
- 重启finder、重启adb.
点击屏幕左上角苹果图标“强制退出”-》“Finder”-〉“重新启动”
adb kill-server
adb start-server
- 然后可以在文中“编辑器安装”-》“调试”-“启用调试”中选择添加的设备进行调试
image
⚠️我的荣耀手机有打开了USB调试没有反应，接下来只能打开拨号界面，输入＊＃＊＃2846579＃＊＃＊，自动进入工程菜单，如下图所示：（默认是Hisuite模式）
image
image
image
编辑器安装
（可选）Android Studio 3.5安装
https://developer.android.com/studio/index.html
（可选，示例使用的是此工具）Visual Studio Code
https://code.visualstudio.com/
安装插件Flutter
image
安装插件Dart
image
“查看”-“命令面板”
“调试”-“启用调试”
下图上箭头为命令面板，下箭头为调试使用的设备
image
点击切换设备
image
如果失败查看 上文“安装Flutter 安装”-》“完成需要的依赖项”
