文章目录
先来展示一下我的成果,运行
flutter doctor
:
~ > flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, v1.12.13+hotfix.8, on Mac OS X 10.15.3 19D76,
locale en-CN)
[✓] Android toolchain - develop for Android devices (Android SDK version 29.0.3)
[✓] Xcode - develop for iOS and macOS (Xcode 11.3.1)
[✓] Android Studio (version 3.6)
[✓] IntelliJ IDEA Ultimate Edition (version 2019.3.3)
[✓] VS Code (version 1.43.0)
[✓] Connected device (1 available)
• No issues found!
Android+iOS,外加所有官方支持的IDE和编辑器的环境全都配完了,于是写了这个庞大的教程。
Flutter环境
安装flutter SDK
从Flutter官网下载地址下载SDK开发包,解压后放到你喜欢的路径。
现在Flutter自带Dart的SDK了,不需要再下另外的SDK。
配置环境变量
打开shell的配置文件,例如我是zsh,所以打开.zshrc
,而是bash一般是.bash_profile
和.bashrc
,具体到网上去查,这不是我们的重点。
在文件中写入:
# flutter
export PATH=/usr/local/flutter/bin:$PATH
可以理解成
/usr/local/flutter/bin
+$PATH
,$PATH
是原来的环境变量,加上一个新的之后再赋值回去。/usr/local/flutter/bin
是我的flutter安装路径,改成你的就行
运行flutter doctor检查配置。
[✓] Flutter (Channel stable, v1.12.13+hotfix.8, on Mac OS X 10.15.3 19D76,
locale en-CN)
Android开发环境
安装Android Studio
Android Studio下载地址
之后按照它的提示步骤下去就好了,一进去没装Android SDK的会帮你安装,但是可能需要科学上网。
再次运行flutter doctor
[!] Android toolchain - develop for Android devices (Android SDK version 28.0.3)
X Android license status unknown.
Try re-installing or updating your Android SDK Manager.
See https://developer.android.com/studio/#downloads or visit
https://flutter.dev/setup/#android-setup for detailed instructions.
···
[✓] Android Studio (version 3.6)
-_- 。。。。
安装Flutter和Dart插件
打开Preferences。
安装Android License
虽然android studio成功了,但是toolchain却没成功,这怎么办呢?看到X Android license status unknown.
,我们试着添加一下证书。
flutter doctor --android-licenses
结果。。。
错误:Android sdkmanager tool not found
既然问题出现了,就试着解决它,经过我的一番搜索,在stack overflow找到了解决方案。
你需要打开 AndroidStudio 然后到 Tools -> SDK Manager ,找到 SDK Tools 标签, 取消下面的 Hide Obsolete Packages 按钮。
你会看到一个选项 Android SDK Tools (Obsolete), 选择它,然后等待安装完成。
我们再次运行flutter doctor
[✓] Android toolchain - develop for Android devices (Android SDK version 29.0.3)
...
[✓] Android Studio (version 3.6)
安装Android模拟器
打开 Tools - AVD Manager
按照步骤安装下去就好了,还是那句话,建议科学上网。
安卓开发环境到此为止。
iOS开发环境
安装Xcode
从Apple Store下载Xcode。
(高能预警,后面安装完模拟器后大概有19G就问你怕不怕)
激活Xcode
下载完毕后打开xcode,同意一些协议,这个很重要。
最后打开命令行,依次执行以下命令:
sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
sudo xcodebuild -runFirstLaunch
sudo gem install cocoapods
安装iOS模拟器
安装完Xcode之后,iPhone模拟器已经帮你下好了。
可以在spotlight(cmd+空格)中搜索Simulator。
使用flutter doctor检查
[✓] Connected device (1 available)
IntelliJ IDEA支持
你应当完成上面Andriod Studio或者Xcode的配置,再来考虑以下步骤。
安装Dart和Flutter插件
打开Preferences。
VsCode支持
你应当完成上面Andriod Studio或者Xcode的配置,再来考虑以下步骤。
安装flutter插件
在vscode商城中找到Flutter插件并下载安装。
然后再用flutter doctor检查:
[✓] VS Code (version 1.43.0)
选择手机模拟器
在右下角找到机子上已经安装的设备。
选择你需要的设备
调试
配置launch.json,一般你点以下Run and Debug就能自动配置好了。
{
// Use IntelliSense to learn about possible attributes.
// Hover to view descriptions of existing attributes.
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"name": "Flutter",
"request": "launch",
"type": "dart"
}
]
}
进入调试
附页:mac catalina 10.15系统无法识别flutter的idevice_id
Error message : “idevice_id” cannot be opened because the developer cannot be verified.
在使用flutter时,这个错误会在catalina新系统上跳出来,原因是flutter软件内的idevice_id没有被识别出来。
apple出于安全考虑对开发者不明的app做了部分限制。这个问题在github的flutter的issue中已经有人提出并解决了。
解决方案可见:idevice_id cannot run on catalina #42302
在命令行中执行:
sudo xattr -d com.apple.quarantine /usr/local/flutter/bin/cache/artifacts/libimobiledevice/idevice_id
sudo xattr -d com.apple.quarantine /usr/local/flutter/bin/cache/artifacts/libimobiledevice/ideviceinfo
sudo xattr -d com.apple.quarantine /usr/local/flutter/bin/cache/artifacts/usbmuxd/iproxy
比如上面我运行的命令中,/usr/local/flutter
是我的flutter安装的位置。只需要把这一项全部替换成你的flutter安装位置就好了。
总结
能装iOS尽量装iOS,Android的配置能让人死。