开始前分享一个学习flutter的网站：Flutter中文网，当然这是原网址Flutter官网。
1、下载SDK
两个方法，一是去GitHub上clone：git clone -b beta https://github.com/flutter/flutter.git，这个可能有点慢，我是第二种方法：直接去官网下载，下载完解压到根目录，方便后面操作。
2、配置环境变量
2.1配置镜像
- 到我们的根目录下
cd ~，这是目录就是你解压的目录，你是什么目录就用什么目录
cd ~
或者
cd /Users/用户名
- 然后我们需要打开一个隐藏文件
.bash_profile，如果打不开看下面2.2、创建.bash_profile文件（如果存在跳过这一步）
open -e .bash_profile
- 把下面添加进去，注意第三条需要是你自己的用户名，
/flutter/便是我解压的SDK文件
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=/Users/你的用户名/flutter/bin:$PATH
- 关闭保存，在输入命令更新环境变量
source ~/.bash_profile
- 最后输入下命令去验证是否配置成功，如果成功会打印如下图信息
flutter -h
⚠️⚠️⚠️如果输入
open -e .bash_profile没有打开文件，那就是没有这个文件，可以在根目录cd ~下输入ls -al命令，查看是否有.bash_profile。如下：
2.2、创建.bash_profile文件（如果存在跳过这一步）
还是在根目录下（一定要和你解压的SDK同一目录）
cd ~
或者
cd /Users/用户名
创建
touch .bash_profile
这个时候已经创建完成，下面打开它（如果只是查看，直接使用open .bash_profile）
open -e .bash_profile
现在已经创建完成，返回到上面的第三步。
3、安装开发环境
输入下面这个命令，来看还有没有要安装的依赖项
flutter doctor
会发现有好多的❌，VS Code是我之前就安装好的，这是我们主要说下安装安卓开发的Android Studio和苹果开发的Xcode。
3.1、配置Android Studio
错误一
[✗] Android toolchain - develop for Android devices
✗ Unable to locate Android SDK.
Install Android Studio from: https://developer.android.com/studio/index.html
On first launch it will assist you in installing the Android SDK components.
(or visit https://flutter.io/setup/#android-setup for detailed instructions).
If Android SDK has been installed to a custom location, set $ANDROID_HOME to that location.
通过Android Studio官网去下载一下，然后安装，不会安装的可以自行百度。
安装好SDK后，可以把android studio关了。
- 再次打开bash_profile
open -e .bash_profile
- 在bash_profile文件里加上，android SDK目录，替换为你自己的
export ANDROID_HOME="/Users/用户名/Library/Android/sdk" //android sdk目录，替换为你自己的
export PATH=${PATH}:${ANDROID_HOME}/tools
export PATH=${PATH}:${ANDROID_HOME}/platform-tools
- 更新配置
source .bash_profile
然后运行 flutter doctor，如果出现下面错误
根据提示运行：
flutter doctor --android-licenses，然后根据提示一直y，y到结束为止。
错误二
[✓] Android Studio (version 3.4)
✗ Flutter plugin not installed; this adds Flutter specific functionality.
✗ Dart plugin not installed; this adds Dart specific functionality.
Android Studio里还少了两个插件Flutter和Dart，打开AS
-
点击preferences
-
Plugins下搜索flutter
- install安装后OK，然后会有弹窗提示要安装dart，同意。等安装好后重启andriod studio。
到目前为止Android Studio已经配置完成！
3.2、配置Xcode
去AppStore上下载即可，这里主要解决命令行的报错
[!] iOS toolchain - develop for iOS devices
✗ libimobiledevice and ideviceinstaller are not installed. To install with Brew, run:
brew update
brew install --HEAD usbmuxd
brew link usbmuxd
brew install --HEAD libimobiledevice
brew install ideviceinstaller
✗ ios-deploy not installed. To install:
brew install ios-deploy
这个就好处理了，一般是都是版本问题，按照他给的提示依次输入命令：
brew update
brew install --HEAD usbmuxd
brew link usbmuxd
brew install --HEAD libimobiledevice
brew install ideviceinstaller
可能会安装失败，一般都是网路问题。
最后再次执行doctor
flutter doctor
到现在doctor上的错误全部解决，可以完美的开始开发了！
最后
上述已经完美的配置好了Flutter的所有环境，当然作为一个优秀的开发者，为了方便开发最好配置下VS Code编译器！
网友评论