开始前分享一个学习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编译器!