Flutter开发环境搭建

Posted 2021-04-29 flutter开发者

在前面的文章中我们了解了Flutter是什么，今天我们就来看下如何搭建Flutter环境。Flutter是google在github上面的开源项目，开发者可以通过以下步骤很轻松就可以实现开发环境的搭建，那么让我们来看看吧

Mac

克隆项目 git clone -b alpha https://github.com/flutter/flutter.git

设置环境变量 export PATH=pwd/flutter/bin:$PATH

检查环境，下载依赖 flutter doctor

更新环境变量

export PATH=[PATH_TO_FLUTTER_GIT_DIRECTORY]/flutter/bin:$PATH

linux,同 Mac安装方式

Windows

克隆项目 git clone -b alpha https://github.com/flutter/flutter.git

检查环境，下载依赖 flutter doctor

设置环境变量

For中国开发者

mac/linux进行如下操作即可完成对依赖的下载和配置：

export PUB_HOSTED_URL=https://pub.flutter-io.cn

export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

git clone -b alpha https://github.com/flutter/flutter.git

export PATH="$PWD/flutter/bin:$PATH" cd ./flutter flutter doctor

Windows用户

其实，上面也已经提到了，只需要把PUB_HOSTED_URL和FLUTTER_STORAGE_BASE_URL配置到window的环境变量中以后再进行flutter doctor 操作即可

检测是否可用

在控制台输入flutter doctor

控制台如下输出，如果每项都是√号，那么恭喜你，环境配置成功了，如果有的是×号的话就检查下哪里的问题，对应解决下就行了。

[√] Flutter (on Microsoft Windows [Version 10.0.16299.125], locale zh-CN, channel alpha)

[√] android toolchain - develop for Android devices (Android SDK 26.0.2)

[√] Android Studio (version 3.0)

[√] IntelliJ IDEA Ultimate Edition (version 2017.3)

[√] Connected devices

到这里 flutter开发环境就完成了，下节我们来试一试第一个flutter程序如何？

我怀疑这个是个坏掉的二维码，不信你试试