Flutter开发MAC环境安装与配置

Flutter官网:https://flutter.dev      中文官网:https://flutterchina.club    https://flutter.cn/

1.什么是Flutter?Flutter 是 Google 开源的 UI 工具包,帮助开发者通过一套代码库高效构建多平台精美应用,支持移动、Web、桌面和嵌入式平台。

Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for mobileweb, and desktop from a single codebase.

2.Flutter开发需要懂得Dart语言,官方英文网站 ,Dart2中文文档

3.Flutter开发工具如何选择?(目前主流趋势是用Flutter做移动端iOS和安卓端的开发)支持Flutter开发的IDE有Android Studio和VSCode两个,推荐使用Android Studio进行开发。因为都是谷歌的产品,很多快捷键操作更方便,代码联想匹配度更高;最重要的是,Flutter一些情况下需要用到安卓和iOS原生开发,需要懂得OC和Swift其中一种做iOS开发,Java和Kotlin其中一种做安卓开发,会用到Xcode和Android studio两个编辑器。Xcode不支持编写Dart语言。

4.如何安装?可以点击这个链接进去https://flutter.dev/docs/get-started/install,也可以通过官网上,点击Get started,选择对应的操作系统,进入到安装步骤。MAC端进入到https://flutter.dev/docs/get-started/install/macos#get-sdk。(1)下载最新的稳定版安装包,例如:flutter_macos_1.17.2-stable.zip。 (2)解压到“家目录”下,/Users/用户名XXX。如果你不想安装稳定版,网站上有给出git地址,跳过那个部分,有些人分不清是主分支还是稳定版本分支,一定用命令拉取的话,选带stable的那条,git主分支上每天都更新,可能不是稳定版。(3)添加flutter到环境变量(Add the flutter tool to your path:),官网上给的是export PATH="$PATH:`pwd`/flutter/bin"这段代码,不够详细,下面的操作能达到它说的目的。MAC上一般就使用两种shell,bashzsh,打开终端,输入open ~/.bash_profile,如果提示The file /Users/XXX/.bash_profile does not exist. 继续在终端输入open ~/.zshrc 。如果以前配置过环境变量,一般可以打开一个文本文件,不管有没有VPN,加入下面3条,前两条是Flutter镜像配置。

<div style="background-color:black;">

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

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

export PATH=/Users/Users/XXX/flutter/bin:$PATH

</div>

官网上有第4步,但是看到第一个单词Optionally,所以我们跳过。

更新资源文件 ,终端中输入:source .bash_profile。或者关掉终端,重新打开,也会重新加载资源文件。

在终端中输入:echo $PATH。如果有flutter/bin:表示配置的路径没问题。

在终端输入:flutter doctor。运行这个指令检查开发环境是否需要安装其他依赖文件。


5.安装Android Studio。安装Flutter插件,安装Dart插件。有可能安装了这两个插件,AS的界面也不能直接创建Flutter项目,需要安装其他三个插件。

6.很重要一点,尽量把Xcode和Android studio更新到最新版本,要不然出些奇怪问题,怎么都解决不了。

Make sure the Xcode license agreement is signed by either opening Xcode once and confirming or running sudo xcodebuild -license from the command line.

安卓端 flutter doctor --android-licenses

在终端输入上面指令,一直打Y,就是YES同意。

7.Running Gradle task 'assembleDebug'...

一直卡死,用VPN或者在安卓项目中加镜像,

修改项目下的 build.gradle文件

文件路径:项目 --> Android -->build.gradle 文件

修改内容:找到buildscript 和allprojects 将里面的:

google()

jcenter()

修改为阿里云镜像

maven { url 'https://maven.aliyun.com/repository/google' }

maven { url 'https://maven.aliyun.com/repository/jcenter' }

maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }

8.更新Flutter,在终端中敲入flutter upgrade

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 157,298评论 4 360
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 66,701评论 1 290
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 107,078评论 0 237
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,687评论 0 202
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,018评论 3 286
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,410评论 1 211
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,729评论 2 310
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,412评论 0 194
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,124评论 1 239
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,379评论 2 242
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 31,903评论 1 257
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,268评论 2 251
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 32,894评论 3 233
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,014评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,770评论 0 192
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,435评论 2 269
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,312评论 2 260

推荐阅读更多精彩内容