二：Flutter 环境搭建?
1: 操作系统的选择？
很多人会问，学习Flutter到底使用什么操作系统呢？
- 学习阶段：Windows或者macOS都是可以的
- 开发阶段：一般需要使用macOS，因为我们需要针对iOS进行测试、通常方便起见选择macOS
- 疑问？如果以后做Flutter开发没有macOS怎么办？
这个完全放心、使用flutter开发的公司必然会给你配备macOS、Flutter可以在windows上学习、也可以在macOS上学习、因为之后调试需要在Android和iOS上进行、所以我当前使用的环境是macOS.
2: 安装Flutter SDK
2.1: 下载Flutter 的SDK
来到flutter的官网网站、选择最新的稳定的flutter SDK版本
- 网站地址：https://flutter.dev/docs/development/tools/sdk/releases?tab=macos
- 选择自己的操作系统和最新稳定的版本(stable版本)(目前最新的版本是1.9.1)
2.2: 安装Flutter
1: 解压下载好的flutter SDK
- 这个在windows和macOS都是一样的（选择一个自己想要安装的目前），但是在macOS上我一般将flutter目录拖入到应用程序中、将其当作我的一个应用（个人习惯而已）
2: 配置flutter 的环境变量
- 因为我们之后需要在命令执行flutter 命令，所以需要配置环境变量。
macOS或者linux系统，需要编辑~/.bash_profile文件export PATH=$PATH:/Applications/flutter/binWindows用户将所在路径添加到环境变量的Path下
- windows环境变量修改：点击计算机图标-> 属性 -> 高级系统设置 -> 高级 -> 环境变量
找到Path，在其中添加Flutter SDK目录下bin目录
在终端下执行flutter --version，出现如下内容、表示flutter安装成功。
图片.png
2.3: 配置镜像
flutter 项目会依赖一些东西，在国内下载这些依赖会有一些慢，所以我们可以将它们的安装源切换成国内的（也就是设置国内的镜像）
macOS或者Linux操作系统，依然是编辑~/.bash_profile文件export PUB_HOSTED_URL=https://pub.flutter-io.cn export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cnwindows用户还是需要修改环境变量
- window环境变量修改：点击计算机图标 -> 属性 -> 高级系统设置 -> 高级 -> 环境变量
- 新建变量 FLUTTER_STORAGE_BASE_URL, 其值为https://storage.flutter-io.cn
⚠️：此镜像为临时镜像、并不能保证一直可用，大家可以参数详情请参考: Using Flutter in China以获得有关镜像服务器的最新鲜动态。
3: 配置iOS环境
如果想要为flutter配置iOS开发环境、需要在我们电脑上安装一个Xcode
- Xcode是苹果公司的iOS和macOS的IDE、进行过iOS开发的工程师应该非常熟悉。
3.1: 如何安装Xcode呢？常见的有两种
1: 直接在App Store上搜索Xcode、找到安装即可
- 这种安装方式有一个缺点、安装的一定是最新的版本的（当然用最新的版本是最好的）
- 但是最新Xcode会对macOS系统有一定的要求、所以可能还要升级到对应的系统
- 如果不希望升级系统、可以选择第二种方式。
2: 第二种方式是安装自己想要的Xcode的版本，需要手动去下载：
- 进入地址：https://developer.apple.com/download/more页面
- 登录自己的Apple ID
- 在搜索框输入Xcode、回车搜索、找到各种版本Xcode下载即可.
打开安装好的Xcode、可能打开速度比较慢、不着急、慢慢来。
3.2: 选择自己想用的iOS模拟器
打开Xcode、右上角点击Xcode -> Open Developer Tools -Simulator
这个时候会打开一个默认的iOS模拟器、也可以在Hardware - > Device - 系统版本中选择自己想要测试的模拟器,这时候我们就可以看到如下模拟器了
- 这时候我们执行一下flutter doctor，看到iOS Device Connected👌了
4: 配置Android 环境
如果想要为flutter配置Android开发环境、需要在我们的电脑上安装一个Android Studio
- Android Studio 是基于Intellij IDEA的、Google 官网的Android 应用集成开发环境（IDE）
4.1: Android Studio 下载
- 官网地址: https://developer.android.google.cn/studio
- 安装直接双击安装即可
或者4.2.1: 命令行下载Android Studio：推荐
- 下载android studio: brew cask install android-studio
- 下载Android stodio之前需要jdk: ava -version, 去官网下载java8即可
- 安装andorid SDK: brew cask install android-sdk
4.2: Android的环境配置
打开Android Studio、会问我们是否需要设置代理、这是因为下载Android SDK等在国内不好下载
- 至于如何设置代理、这里不做讲解， 下载Andorid SDK不好下载、建议使用命令行下载、快捷。
- 最好要设置代理、不然下载Android SDK很坑
- 之后各种下一步、就会帮我们安装sdk等相关需要使用的内容
- 安装好了、点击Finish即可
4.3: 创建Andorid模拟器
安装好后、我们就可以去创建模拟器：选择 -> Configure -> AVD Manager -> Create Virtual Device -> 选择你想用的设备、选择Android版本（这里我没有选择Q版本，它目前还是一个beta版本）、点击download
- 下一个界面、点击accept -next就可以了
- 接着下一步、给自己的模拟器起一个名字
- 启动Android模拟器
这时候我们执行一下Flutter doctor、看到Android Device Connected 👌
!] Android Studio (version 3.5)
✗ Flutter plugin not installed; this adds Flutter specific functionality.
✗ Dart plugin not installed; this adds Dart specific functionality.
- 打开Andorid studio -> 偏好设置 -> 按图搜索安装Flutter 和 Dart即可
- 重启Android Studio
图片.png
错误注意：[!] Android toolchain - develop for Android devices (Android SDK version 29.0.2)
! Some Android licenses not accepted. To resolve this, run: flutter doctor
--android-licenses
解决：终端：flutter doctor --android-licenses
- 一路y
最后再次执行flutter doctor、ok了👌。
图片.png
5: 开发工具的选择？
官网推荐两个工具来开发Flutter：Android and VSCode、我们选择哪一个呢？
对于有选择恐惧症的人来说、还真不是特别好选择、所以下面我会分别说出它们的优缺点、选择全在你。
最后我也会推荐我的选择
5.1: VSCode优缺点?
VSCode是我们最近非常流行的开发工具、并且非常好用
而且VScode最近已经取代WebStorm作为前端首选开发工具的趋势了。VSCode优点：
- VSCode其实并不能称为一个IDE、它只是一个编辑器而已。
- 所以它非常的轻量级、不会占用你非常大的内存消耗、而且启动速度等都非常快、对于电脑配置不是特别很好的开发者来说、肯定是一个非常好的选择。
- 并且你可以在VSCode上安装各种各样的插件来满足自己的开发需求。
VSCode缺点:
- 很多Android studio包括的方便操作没有，比如点击启动、热更新点击等；
- 而且在某些情况下会出现一些问题；
- 比如之前我在使用的过程中、有时候热更新不及时常常看到效果、必须重启；
- 比如某些情况下、没有代码提示不够灵敏。
VSCode使用须知：
使用VSCode开发Flutter我们需要安装两个插件：Dart和Flutter
5.2: Android Studio优缺点
对于进行过Android开发或者使用过WebStorm、IDEA、PHPStorm等开发者来说、使用Android studio肯定是没有什么问题的。
Android Studio 优点:
-集成开发环境（IDE）不用多说、你需需的功能基本都有
-而且上面说的VSCode存在的问题、在Android Studio上基本不会出现Android Studio 缺点:
- 一个字：重
- 无论项目IDE本身、还是使用Android Studio启动项目、都会相对慢一些
- 占据的计算机资源也很多、所以电脑配置较低时会出现卡顿。
Android Studio使用须知：
使用Android Studio开发Flutter 我们需要安装两个插件：Flutter 和 Dart
我的选择
其实在两个之间到底如何选择对于开发者学习flutter更好，我也是纠结了很久。
- 在学习Dart语言的时候、我选择了VSCode、因为它可以直接创建一个dart文件让我们去学习
- 在学习flutter过程中、我选择Android Studio、因为各种集成使用起来更加方便（继续使用VSCode也是没什么问题的，看个人喜欢吧）
六：其他操作
1: 版本回退：https://www.jianshu.com/p/231d141ac8c4
2: 下载vscode：brew cask install visual-studio-code
3: 如果发生错误：
https://www.jianshu.com/p/eb782589be82
ideviceinfo returned an error:
ERROR: Could not connect to lockdownd, error code -8
brew update
brew uninstall --ignore-dependencies libimobiledevice
brew uninstall --ignore-dependencies usbmuxd
brew install --HEAD usbmuxd
brew unlink usbmuxd
brew link usbmuxd
brew install --HEAD libimobiledevice
4: 报错2:
https://www.jianshu.com/p/49f0d6da734d
More than one device connected; please specify a device with the '-d <deviceId>' flag, oruse '-d all' to act on all devices.
此时如果你要选择模拟器运行你应该输入如下命令：
flutter run -d 6F2F0D31-9EDF-43EF-AC8D-558FC52D9EC4
网友评论