Flutter-环境搭建(Windows系统)

熊猫卓Sun 2020年05月12日 92次浏览

前言

写在前边,本人是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.jpgQQ截图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过程中爬过的坑