欢迎您光临深圳塔灯网络科技有限公司!
电话图标 余先生:13699882642

网站百科

为您解码网站建设的点点滴滴

iOS开发初识flutter

发表日期:2018-12 文章编辑:小灯 浏览次数:2298

配置环境

  • 参考
    Flutter中文网
    Flutter开始-掘金

  • 下面以mac,xcode,iOS模拟器来配置安装开发环境

  • 在终端输入下面的代码,使用镜像

export PUB_HOSTED_URL=https://pub.flutter-io.cn export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn 
  • 下载flutter SDK
git clone -b dev https://github.com/flutter/flutter.git 
  • 配置PATH变量
export PATH="$PWD/flutter/bin:$PATH" 
  • 由于命令行中只能更新当前会话的PATH变量,在其他终端会话中无法使用flutter命令,所以需要配置该PATH为全局
1. 终端输入: cd $HOME// 进入~根目录 2. 终端输入: vim .bash_profile // 编辑.bash_profile文件,可使用自己喜欢的编辑器 3. 进入编辑界面后,添加下面几行,保存退出// 将[PATH_TO_FLUTTER_GIT_DIRECTORY]更改为你克隆Flutter的git仓库的路径export PATH=[PATH_TO_FLUTTER_GIT_DIRECTORY]/flutter/bin:$PATH 4. 终端输入:source $HOME/.bash_profile // 刷新当前窗口 5. 终端输入:echo $PATH // 验证flutter/bin目录是否在你的PATH中 
  • 检查环境
cd ./flutter // 进入flutter安装目录,如前面已经配置好全局PATH,可忽略该行 flutter doctor // 检查flutter运行的相关环境 
  • 查看flutter doctor结果


    flutter doctor结果

根据结果提示一步步的操作,完善环境
如按坚持结果的提示步骤操作出现错误,可以输入flutter doctor重新检查

  • 根据结果提示完成操作后,重新输入flutter doctor检查,直到出现OK提示的结果
    如下图是按照iOS toolchain的提示完成后的检查结果,可见iOS工具链已经OK可以开始工作,后续安卓的相关环境同样


    flutter doctor结果

运行一个demo

  • 以官方的hello,world!为例在模拟器上运行
  • 启动模拟器具,下面是其中一种方式,终端输入
open -a Simulator// 启动一个模拟器 
  • 查看可用的设备
flutter devices 
  • 运行
cd ~/flutter/examples/hello_world flutter run -ddeviceId// 可用设备列表中会返回设备deviceId,替换命令行deviceId 

本页内容由塔灯网络科技有限公司通过网络收集编辑所得,所有资料仅供用户学习参考,本站不拥有所有权,如您认为本网页中由涉嫌抄袭的内容,请及时与我们联系,并提供相关证据,工作人员会在5工作日内联系您,一经查实,本站立刻删除侵权内容。本文链接:http://dengtar.com/17751.html
上一篇:Flutter 布局 下一篇:Flutter Jenkins打包
相关APP开发
 八年  行业经验

多一份参考,总有益处

联系深圳网站公司塔灯网络,免费获得网站建设方案及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:余经理:13699882642

Copyright ? 2013-2018 Tadeng NetWork Technology Co., LTD. All Rights Reserved.