Flutter环境部署(Windows+Android studio)

前言

写在前边,本人是Android开发者,写这篇文章时如你所见,正准备入坑Flutter。入坑跨平台的开发不得不考虑苹果大佬对待Flutter的态度,因为一旦苹果大佬封杀Flutter的风险变大,入坑Flutter的风险就会很大,到头来可能只是学会这么一门曾经的技术而已。
直到看到知乎上的一篇文章Apple 为什么不封杀 Flutter 呢?(作者:mingyu ye))从某种程度上坚定我的入坑心。
摘要一下知乎的回答:
Flutter:

Flutter 与前面说的 RN、Weex、小程序最大的不同就是 Flutter 是一个跨平台解决方案,而非一个动态化解决方案,Google 的野心很大,想把 Flutter 打造成为新一代的移动端开发标准,在做任何事情时都会考虑合规问题,所以才会在考虑了 iOS 上动态化能力时,依然不考虑支持这个特性,因为一旦 Flutter 在 iOS 上具备了这个能力,也就存在了审核风险,这个审核风险是系统性的;
这点要说到国内外开发模式的不同,国外主张加强 CodeReview,国内主张小步快跑,快速迭代,有问题动态更新和热修复顶上,而苹果的审核速度即便一再加快,也难满足国内各大 App 的快速发版需求,正因为如此一再试探苹果的审核边界,最终在审核方面造成的问题和风险会逐步抵消掉动态更新和热修复带来的好处,当然不同 App 有不同的大环境,未来 App 也一定是朝着更合规的方向去发展;
Flutter 目前没有合规上的风险,因为本身就不是一个动态化解决方案,但一样秉持不提倡、不承诺不封杀,因为 Flutter 的崛起会吃掉苹果 App 原生开发人员的份额,苹果不建议使用官方以外提供的 Native 开发方案,苹果是绝不能容忍开发人员的大面积消失,一旦这种情况发生,苹果的生态就会遭人掣肘,这是苹果爸爸就会出来保护苹果 App 原生开发人员,这个时候也就是 Flutter 份额降低影响力降低的时刻,苹果也在不断推行 Swift 和 SwiftUI 等对原生开发人员更友好的解决方案,力图抵挡住各跨平台解决方案对苹果 App 原生开发人员的蚕食。

言归正传

Windows下Flutter环境部署

  • 本文仅适合有编程基础的同学学习查看,新手仅做参考,不懂就问
1. 镜像使用

你懂的,国内大环境下要下个下载这些软件直接访问是不现实的,好在国内提供了镜像,如果有梯子的也可自行处理
电脑用户环境变量配置镜像路径。具体步骤

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

手动操作步骤
(1)右键打开我的电脑
(2)点击属性
(3)打开高级属性
(4)用户属性分别增加以上两个环境变量
操作步骤过于简单,直接上图


QQ截图20200512111924.jpg

配置环境变量以后,点击确定(部分帖子介绍需要重启电脑才能生效)

2. 系统要求

要安装并运行Flutter,您的开发环境必须满足以下最低要求:

操作系统: Windows 7 或更高版本 (64-bit)
磁盘空间: 400 MB (不包括Android Studio的磁盘空间).
工具: Flutter 依赖下面这些命令行工具.
Git for Windows (Git命令行工具)

如果已安装Git for Windows,请确保命令提示符或PowerShell中运行 git 命令,不然在后面运行flutter doctor时将出现Unable to find git in your PATH错误, 此时需要手动添加C:\Program Files\Git\bin至Path系统环境变量中。

3. 获取Flutter SDk

获取[获取Flutter SDK](Flutter SDK)
去flutter官网下载其最新可用的安装包,点击下载 ;

注意,Flutter的渠道版本会不停变动,请以Flutter官网为准。另外,在中国大陆地区,要想正常获取安装包列表或下载安装包,可能需要翻墙,读者也可以去Flutter github项目下去下载安装包

将安装包zip解压到你想安装Flutter SDK的路径(如:C:\src\flutter;注意,不要将flutter安装到需要一些高权限的路径如C:\Program Files\)。

在Flutter安装目录的flutter文件下找到flutter_console.bat,双击运行并启动flutter命令行,接下来,你就可以在Flutter命令行运行flutter命令了。

注意: 由于一些flutter命令需要联网获取数据,如果您是在国内访问,由于众所周知的原因,直接访问很可能不会成功。 上面的PUB_HOSTED_URL和FLUTTER_STORAGE_BASE_URL是google为国内开发者搭建的临时镜像。详情请参考 Using Flutter in China

上述命令为当前终端窗口临时设置PATH变量。要将Flutter永久添加到路径中,请参阅更新环境变量
说白了就是配置flutter的环境变量

QQ截图20200512115413.jpg

要更新现有版本的Flutter,请参阅升级升级Flutter

3. 运行测试

打开命令还运行 flutter doctor


QQ截图20200512112713.jpg

注意查看运行内容,如有报错会给出对应的 flutter命令进行处理。作者在这个地方并没有与坑,暂且跳过

4. Android studio与Flutter

作为goole旗下的Flutter和AS。Android studio对Flutter的开发提供了完美的支持。当然这也是作为Android开发者的福音,起码不需要更换开发工具,浪费时间去适应新工具了。

But
AS建议使用最新版本(本人AS3.5.2)
模拟器或者测试真机Android 4.1及以上

AS开发Flutter需要Flutter和Dart插件这两位好兄弟来助阵。
插件的安装,简单的介绍两句安装步骤
File-setting-Plugin
分别搜索Flutter和Dart进行插件安装


QQ截图20200512113403.jpg
QQ截图20200512113417.jpg

安装完毕重启AS
小知识点:
完成插件的安装以后,需要配置下flutter的sdk


QQ截图20200512115027.jpg

根据自己实际情况,选择Flutter的sdk路径,配置完成以后,AS会自动给Dart也配置上sdk路径。可以顺手的看一下
QQ截图20200512115258.jpg
5.创建第一个Flutter

以上安装并部署完成Flutter环境,我们即将与Flutter来一次紧密接触
新建项目与创建Android项目类似,只是你会发现,安装了Flutter的AS多了一个New Flutter Project的选项


QQ截图20200512113726.jpg

一路next 人品好的情况下完成人生第一个Flutter application的创建,连接机器run起来


QQ截图20200512114622.jpg

下一篇,重点讲讲运行第一个Flutter过程中爬过的坑

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