Flutter 第一步: flutter 环境配置

前段时间 flutter 发布了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 StudioVS 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中文网

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 用两张图告诉你,为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料? 从这篇文章中你...
    hw1212阅读 12,958评论 2 59
  • 本文首发简书转载请注明出处原文连接掘金连接 https://www.jianshu.com/p/c55ad0e8...
    做人要简单阅读 12,709评论 10 33
  • Content: Flutter框架概况发展概述发展历史框架特性框架结构 快速入门安装Flutter在Mac OS...
    EchoZuo阅读 6,498评论 3 54
  • 上周沪深B指前半周连续阴跌,周五出现报复性反弹,在走势图上尤以上证B指最为明显。上证B指上周连续下跌,从周一360...
    阳光在风雨后阅读 228评论 0 0
  • 1 已经有好长时间没有听到能够自己单曲循环一个月的歌了,连一个礼拜的歌都没有,新歌绝迹,豆瓣FM上的一些老歌已经快...
    嘉誠笔记阅读 134评论 0 1