flutter mac环境搭建

前言

本来我是想越过这一段的，但是因为很多人了解甚少，便加上链接 flutter简介

环境搭建

这里主要介绍 Mac 下的环境安装，windows点这里

下载flutter

https://flutter.io/setup-macos/

配置环境

先把刚才下载的flutter_macos_v0.5.1-beta.zip解压缩
配置环境变量

vim ~/.bash_profile

增加一行

export PATH=`pwd`/flutter/bin:$PATH

保存并重新应用环境变量

source ~/.bash_profile

这个时候就可以运行flutter 命令行了

flutter -h

检查环境

flutter doctor

如果android studio没有安装，那么可以先装下，并使用android studio下载最新的android sdk。android studio下载地址:http://www.android-studio.org/

安装安卓环境

flutter doctor --android-licenses

打开android studio, 打开plugin,安装flutter
插件

安装iOS环境

brew install --HEAD libimobiledevice
brew install ideviceinstaller
brew install ios-deploy
brew install cocoapods
pod setup

python报错.png

python2 install six

我的Mac 安装python3并且更改了pyhon 的路径，而flutter 用的是python2.7的环境，故会报错

配置环境变量

运行vim ~/.bash_profile增加

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

然后

source ~/.bash_profile

开启flutter “Hello world”之旅

第一种 命令行

#创建app
$ flutter create myapp
$ cd myapp

#选择app 运行的设备
$ flutter devices

# app 运行
$ flutter run -d [ID]

第二种 Android Studio [推荐]

what? 我一个iOS程序员竟然要用Android Studio 创建工程？没办法谷歌把功能都集成进了Studio,包括在github里的运行截图也是Android Studio 运行操作

android Studio 创建flutter 工程.png

配置好iOS开发者就可以点击播放按钮运行了

资料链接

我看完掘金上的227篇文章，总结出一份 Flutter 入门教程
Google 跨平台方案 Flutter 从入门到实战