入门起步:安装Flutter

20 篇文章 2 订阅

起步:安装Flutter

2020-04-25 全新安装Flutter,这里记录下

参考链接:FlutterChina

1.下载SDK

  • 官网直接下载SDK包,下载地址
  • 解压的目录,最好是 根目录下

2.配置Path

添加flutter相关工具到path中:

//进入根目录
cd ~
//创建配置文件
touch .bash_profile  
//打开配置
open .bash_profile  
//配置立即生效
source .bash_profile   

//查看是否配置成功
flutter

新增配置文件 内容:

export PATH=/Users/yd-sz-dn0588/flutter/bin:$PATH

1.3 配置镜像 可选

flutter项目会依赖一些东西,在国内下载这些依赖会有一些慢,所以我们可以将它们的安装源换成国内的(也就是设置国内的镜 像)

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

2.1 问题:
Mac 每次都要执行 source ~/.bash_profile 配置的环境变量才生效

  • 根目录下新建zshrc文件 touch .zshrc
  • open .zshrc 后 在~/.zshrc文件最后,增加一行:source ~/.bash_profile

链接:Mac 重启后环境变量无效问题

主要的问题是,mac 里面有两种终端terminal(bash 和 zsh) 如果是zsh需要初始化.zshrc文件.

据官方说,从 macOS Catalina 版开始,您的 Mac 将使用 zsh 作为默认登录 Shell 和交互式 Shell

3. 下载flutter相关依赖

flutter doctor

3.1 弹窗提示: mac 无法打开“idevice_id”,因为无法验证开发者。

解决

sudo spctl --master-disable

sudo xattr -r -d com.apple.quarantine /Users/yd-sz-dn0588/flutter/bin/cache/artifacts/libimobiledevice/idevice_id

3.2 问题: 装完Flutter以后doctor通不过 一直找不到sdkmanager

解决Flutter Android sdkmanager tool not found

  • 重新下载 SDKManager
  • 然后执行 flutter doctor --android-licenses

4. Android studio 安装 Flutter插件

安装插件 Flutter 和Dart 插件后重启

5. 创建Flutter Hello world 工程

接下来,让我们用Android Studio创建一个Flutter项目,然后运行它,并体验“热重载”。

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

热重载: 更改代码后, 保存,就可以在模拟器看到效果

备注

  1. Helloworld debug APK包 接近 35M
  2. release 包: 16M

运行 Flutter-galary

  • flutter 源码目录的Example里面 有个

运行HighLight 工程

hilight 项目

  • 只能使用特定Flutter版本: 为: Flutter 1.9.1+hotfix.6。 如果版本不对,需要切换:flutter version v1.9.1+hotfix.6 ; 会重新从网络下载对应版本
  • 使用Flutter项目运行,需要配置flavor 配置: alpha
  • 问题,使用 flutter运行 安卓打 debug包,打出来的会,可以安装,但是打开会崩溃,查看是由于的SO库不兼容导致,只能用AS导入后,重新打开。 原因待处理。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值