Futter 第一步: futter 环境配置

前段时间 futter 发布了1.0版本, 于是我也尝试一下这个前沿技术.
注: 万事开头难, 我用的是Mac, 所以配置环境为Mac 环境

1. 获取flutter代码

$ git clone  https://github.com/flutter/flutter.git

注1: 我下载到了/Users/zwz/Desktop/Demo/目录下, 等会要使用此目录

2. 配置Flutter环境

首页打开.bash_profile

open -e .bash_profile

在 .bash_profile 中添加

// export PATH=${PATH}:/Users/zwz/Desktop/Demo/flutter/bin:$PATH
注2: 路径使用(注1)的路径


export PATH=${PATH}:/Users/zwz/Desktop/Demo/flutter/bin:$PATH
export ANDROID_HOME="/Users/zwz/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
export PATH=`pwd`/flutter/bin:$PATH

配置.jpg

更新配置

source .bash_profile

3. 安装xcode 及 Android Studio (最好都是最新的版本)

4.安装 futter 剩余依赖项

flutter doctor

5. 配置IDE

官方推荐Android Studio及VS Code, 我暂时使用的是Android Studio

首先, 如图所示下载Flutter插件

andrio.png

安装好 Flutter插件后 重启Android Studio会多出一会创建Flutter工程的选项

a2.jpg

点击 start a new Flutter project 需要等待一会儿.....

a3.jpg

** 重点是选择SDK的目录 **

a4.jpg

又是漫长的等待....

a5.jpg

下一篇文章为: flutter 工程文件介绍
参考:
futter官网
futter中文网