码迷,mamicode.com
首页 > 其他好文 > 详细

flutter 安装详细教程

时间:2018-06-30 15:27:03      阅读:273      评论:0      收藏:0      [点我收藏+]

标签:color   hub   代码   tar   virtual   blank   设备   google   代理   

Flutter 是 Google 用以帮助开发者在 iOS 和 Android 两个平台开发高质量原生 UI 的移动 SDK。Flutter 兼容现有的代码,免费且开源,在全球开发者中广泛被使用。

安装步骤:

1.由于国内被墙,需要设置下载镜像

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

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

2.从github下载flutter包

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

3.设置flutter为全局可执行

export PATH="$PWD/flutter/bin:$PATH"

4.安装flutter所需相关依赖(可能安装时间较长,请耐心等待)

完毕之后可能会有issues提示,部分工具或依赖未安装。

我在安装完毕之后

1).提示需要android studio、ios toolchain、Intelij等,这三个工具选择安装其一即可,我选择的是安装andriod studio sdk,issue上有下载地址。

下载andriod studio也较慢,需要耐心等待(本人通过代理下载)。

下载完毕之后,执行flutter doctor -v,查看,提示你为andriod sdk变量未配置

配置andriod studio sdk环境变量

vim ~/.bash_profile

添加变量配置

export ANDROID_HOME=/Users/bytedance/Library/Android/sdk // 这个路径可以通过issue提示获取
export PATH=${PATH}:${ANDROID_HOME}/tools
export PATH=${PATH}:${ANDROID_HOME}/platform-tools
export PATH=$HOME/flutter/bin:$PATH  

 保存然后执行:

source ~/.bash_profile

  此时在执行flutter doctor -v,可以看到提示变量已配置

注意: 如果你使用的是zsh,终端启动时 ~/.bash_profile 将不会被加载,每次都必须source一次才能起作用,很烦。解决办法就是修改 ~/.zshrc ,在其中添加:source ~/.bash_profile,完美解决。

2).还有提示Android licenses问题,按照描述执行指令,一直同意即可

3)在android sdk配置后变量之后,还提示需要安装flutter plugin和dart plugin

打开android studio,选择右上角菜单 android studio => Preferences=>Plugins 搜索安装flutter和dart即可

5.如果顺利通过前四步,基本算是大功告成了吧。(不确定是否遗漏什么,主要还是通过flutter doctor -v查漏补缺)

6. 设置Android模拟器

要准备在Android模拟器上运行并测试您的Flutter应用,请按照以下步骤操作:

在您的机器上启用 VM acceleration .
启动 Android Studio, 顶部菜单Tools > AVD Manager 并选择 Create Virtual Device.
选择一个设备并选择 Next。
为要模拟的Android版本选择一个或多个系统映像,然后选择 Next. 建议使用 x86 或 x86_64 image .
在 Emulated Performance下, 选择 Hardware - GLES 2.0 以启用 硬件加速.
验证AVD配置是否正确,然后选择 Finish。

7.创建新应用

选择 File>New Flutter Project
选择 Flutter application 作为 project 类型, 然后点击 Next
输入项目名称 (如 myapp), 然后点击 Next
点击 Finish
等待Android Studio安装SDK并创建项目.

  然后你的flutter开发生涯开始了??

附上flutter中文教程 https://flutterchina.club/get-started/codelab/

github 地址 https://github.com/flutter/flutter

 

flutter 安装详细教程

标签:color   hub   代码   tar   virtual   blank   设备   google   代理   

原文地址:https://www.cnblogs.com/dupd/p/9247194.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!