初识flutter - 在你的mac上run起来

最近在思考iOS的未来，于是想去学习一下跨平台解决方案，flutter我认为是现在性能最好的方案，所以先让它跑起来吧！

老规矩，先配置环境变量

vim ~/.bash_profile

替换一下官方提供的镜像

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

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

下载 flutter SDK

下载完成后解压到你想要安装的位置，然后继续编辑 .bash_profile

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

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

export PATH=/Users/XXXX/FlutterProjectsa/flutter/bin:$PATH

终端中输入如下命令,刷新当前终端窗口(用命令启动项目报错时command not found: flutter 也需要此操作)

source $HOME/.bash_profile 

通过运行flutter/bin命令验证目录是否在已经在PATH中:

echo $PATH

运行以下命令查看是否需要安装其它依赖项来完成安装：

flutter doctor

image

提示的就是没有安装安卓的SDK，没有ANDROID_HOME环境变量，继续去下载Android Studio这个IDE，链接

下载完成，我们要通过IDE下载flutter的插件

image

image

image

把下载好的安卓SDK配置到环境变量中，最后编辑.bash_profile 是这个样子

export PATH=/Users/XXXX/FlutterProjectsa/flutter/bin:$PATH

export ANDROID_HOME=/Users/XXXX/Library/Android/sdk

export PATH=${PATH}:${ANDROID_HOME}/tools

export PATH=${PATH}:${ANDROID_HOME}/platform-tools

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

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

cd 到你的安装目录下，执行

flutter create helloFlutter

flutter run 

大功告成，看图

iOS