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、完成需要的依赖项
  1. 第二项报错:下载JDK参考文中“Java SE JDK ”�。文件名例如:jdk-8u221-macosx-x64.dmg
  2. 第三项报错:

第一条、通过从命令行运行sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer来配置Xcode命令行工具以使用新安装的Xcode版本
第二条、通过苹果商店安装Xcode
第三条、参照文中“COCOAPODS安装”

  1. 第四项报错:按照提示安装ios-deploy,使用到Homebrew,$brew install ios-deploy

另外有个总结iOS真机调试 https://blog.iw3c.com/archive/1147,安装出现的问题有提示,按照提示进行修改

  1. 第七项报错:参照“编辑器安装”-》“Visual Studio Code”
  2. 其他:安卓真机调试,参考文中“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

  1. 找到sdk路径,/Users/apple/Library/Android/sdk
  2. 配置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

  1. 开启终端,输入:source .bash_profile
  2. 测试adb:$ adb version ,通过adb查看是否有手机设备 : adb devices,如果List of devices attached无设备,则修改adb_usb.ini
  3. system_profiler SPUSBDataType,复制手机的Vendor ID
  4. 打开文件 ~/.android/adb_usb.ini,把复制的Vendor ID填进去,多个手机Vendor ID换行填写
  5. 重启finder、重启adb.
    点击屏幕左上角苹果图标“强制退出”-》“Finder”-〉“重新启动”

adb kill-server

adb start-server

  1. 然后可以在文中“编辑器安装”-》“调试”-“启用调试”中选择添加的设备进行调试
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 安装”-》“完成需要的依赖项”

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 219,928评论 6 509
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,748评论 3 396
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 166,282评论 0 357
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 59,065评论 1 295
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 68,101评论 6 395
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,855评论 1 308
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,521评论 3 420
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,414评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,931评论 1 319
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 38,053评论 3 340
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,191评论 1 352
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,873评论 5 347
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,529评论 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,074评论 0 23
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,188评论 1 272
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,491评论 3 375
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,173评论 2 357

推荐阅读更多精彩内容