mac上搭建flutter开发环境并运行第一个程序

2019年10月2日 188次阅读 来源: 回眸淡然笑

什么是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 下载地址
《mac上搭建flutter开发环境并运行第一个程序》

打开android studio, 打开plugin
《mac上搭建flutter开发环境并运行第一个程序》

输入flutter搜索，点击中间的 Search in repositories
《mac上搭建flutter开发环境并运行第一个程序》
点击install,顺利的话安装完毕之后重启android studio

三、运行第一个项目

新建一个Flutter
打开android studio后 会看到可选项多了一个 Start a new Flutter project
《mac上搭建flutter开发环境并运行第一个程序》
创建成功后在终端中输入open -a Simulator则可以启动ios模拟器，然后在android studio 控制台中输入 flutter run 就能够看到安卓真机和ios模拟器了
《mac上搭建flutter开发环境并运行第一个程序》
flutter run -d <设备id>就能够启动对应的平台了
如我这里启动ios模拟器就输入

flutter run -d B21

《mac上搭建flutter开发环境并运行第一个程序》

和运行android项目一样的操作流程，连接安卓真机后在手机上能看到默认的项目
《mac上搭建flutter开发环境并运行第一个程序》

    原文作者：回眸淡然笑
    原文地址: https://segmentfault.com/a/1190000017963224
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞