flutter 安装详细教程

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

安装步骤:ios

1.因为国内被墙,须要设置下载镜像git

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

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

2.从github下载flutter包github

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

3.设置flutter为全局可执行vim

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

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

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

我在安装完毕以后工具

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

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

下载完毕以后,执行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 $HOME/.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

相关文章
相关标签/搜索