脚本宝典收集整理的这篇文章主要介绍了mac上搭建flutter开发环境并运行第一个程序,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
什么是flutter
官方是这么解释的:Flutter是谷歌的移动ui框架,可以快速在iOS和AndROId上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、开源的。(闲鱼APP就是用的flutter)
一、安装flutter
#切换到准备安装flutter的目录
cd PRoject
#有两种方法安装flutter SDK
#1、使用gIT clone
git clone -b beta https://github.COM/flutter/flutter.git
#2、直接在github下载压缩包,下载地址https://github.com/flutter/flutter/releases
#在目录下解压zip文件
#配置环境
export PATH=`pwd`/flutter/bin:$PATH
#如果下载太慢或者失败,那么需要先配置中国镜像,然后再clone项目
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
#切换到项目目录
cd ./flutter
flutter doctor
不出意外的话,应该会报错,提示你安装android studio、xcode、install dart和flutter插件等。按照提示逐个安装就行。
需要注意的是,你可能会遇见pod SETUP
这个步骤,但是却一直卡着进度条不动,快速的解决办法是,打开手机热点,mac连接手机的热点进行下载安装,5分钟内能够安装好(大小应该在500多M)
二、安装android studio及插件
android studio 下载地址
打开android studio, 打开plugin
输入flutter搜索,点击中间的 SeArch in repositories
点击install,顺利的话安装完毕之后重启android studio
三、运行第一个项目
新建一个Flutter
打开android studio后 会看到可选项多了一个 Start a new Flutter project
创建成功后在终端中输入oPEn -a Simulator
则可以启动ios模拟器,然后在android studio 控制台中输入 flutter run
就能够看到安卓真机和ios模拟器了
flutter run -d <设备id>就能够启动对应的平台了
如我这里启动ios模拟器就输入
flutter run -d B21
@H_919_126@
和运行android项目一样的操作流程,连接安卓真机后在手机上能看到默认的项目
以上是脚本宝典为你收集整理的mac上搭建flutter开发环境并运行第一个程序全部内容,希望文章能够帮你解决mac上搭建flutter开发环境并运行第一个程序所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。