前言
Flutter是多平台开发的利器,我在半年前和技术交流群就接触到了,但一直没有去主动学习,但为了未来的长足发展,还是去认真学习一下,下面我们就从安装和部署环境开始,本教程是我亲自实践所得,可能具有时效性,如果失效,请关注官网的教程(flutter.cn/docs/get-st… ,本教程基于Windows平台。
正篇
安装Android Studio
安卓开发当然少不了Android Studio,这第一步就先省略了,下面默认有Android Studio。
下载Flutter包
首先,本人是使用GitHub去获取最新的Flutter包的(flutter/flutter: Flutter makes it easy and fast to build beautiful apps for mobile and beyond (github.com)),当然你也可以在官网下载最新的包(在 Windows 操作系统上安装和配置 Flutter 开发环境 - Flutter 中文文档 - Flutter 中文开发者网站 - Flutter),个人感觉GitHub的GitHub Desktop软件还是很好用的,
这是我拉取的,选择的stable分支:
首先,先在GitHub网站上复制URL
然后选择克隆库,将复制的URL粘贴上,再选好本地存储位置
最后选择克隆即可,当然使用git拉取也行,如果你更熟悉Git命令或者喜欢用其他方式也可,只要最终可以获取到代码资源。
配置环境
成功获取到代码后再去你选择存储的地方找到flutter的bin路径复制下来
然后在设置中系统这一栏找到系统信息点击打开,找到高级系统设置打开
选择环境变量
找到系统变量的Path这栏,点击选中然后点击编辑:
再把我们刚刚复制的flutter的bin路径新建复制进去,最后全部选择确定即可。
我们在Win+R 中输入cmd回车,然后在窗口输入命令
where flutter dart
这一步要是出现问题,如下,同时官方给出解决方法:
接下来官网叫我们利用flutter命令flutter doctor,但一般会出现几个X的地方:
通过查阅相关博客,已有解决方法: 1.配置用户环境变量,因为国内有些限制访问不了,所以要配置国内的:
变量名:FLUTTER_STORAGE_BASE_URL 变量值:https://storage.flutter-io.cn 变量名:PUB_HOSTED_URL 变量值:https://pub.flutter-io.cn
还有这一步:找到Flutter文件夹里面这一路径: ...\flutter\packages\flutter_tools\lib\src, 然后找到文件http_host_validator.dart:
右键选择编辑: 如果有编辑器可以选择编辑器,没有选择打开方式使用更多方式的记事本也可
然后和上面两个添加用户变量一样,将这个文件内容相应默认配置替换:
import 'dart:async'; import 'base/io.dart'; import 'base/platform.dart'; import 'doctor_validator.dart'; import 'features.dart'; // Overridable environment variables //---------------------------------------------------替换 const String kEnvPubHostedUrl = 'PUB_HOSTED_URL'; const String kEnvCloudUrl = 'FLUTTER_STORAGE_BASE_URL'; //---------------------------------------------------替换 const String kDoctorHostTimeout = 'FLUTTER_DOCTOR_HOST_TIMEOUT'; /// Common Flutter HTTP hosts. //---------------------------------------------------替换 const String kPubDevHttpHost = 'https://pub.flutter-io.cn/'; const String kgCloudHttpHost = 'https://storage.flutter-io.cn/'; //---------------------------------------------------替换 /// MacOS specific required HTTP hosts. const List<String> macOSRequiredHttpHosts = <String>[ 'https://cocoapods.org/', ]; /// Android specific required HTTP hosts. List<String> androidRequiredHttpHosts(Platform platform) { return <String>[ // If kEnvCloudUrl is set, it will be used as the maven host if (!platform.environment.containsKey(kEnvCloudUrl)) //---------------------------------------------------替换 'https://dl.google.com/dl/android/maven2/', //---------------------------------------------------替换
此外,maven的地址也需替换,已在上面代码和图中标注
2.安装Android Studio的插件
这里顺便把必备的Flutter安装,一般会默认让你确定是否安装Dart,我们选择一起安装
然后不急着重启AS,我们先在Settings里的搜索框搜索SDK,在SDK Tools里下载:
完成后重启AS
3.这时候可以在AS的Teminal控制台中直接flutter doctor
如果出现:
Some Android licenses not accepted. To resolve this, run: flutter doctor --android-licenses
这表示有部分协议未同意,要确认,直接在控制台输入以下内容,然后一路选y即可:
flutter doctor --android-licenses
如果没安装CHrome和Visual Studio不影响使用Android端开发,如果需要Web和Windows软件开发,那需要下载VS的C++桌面开发套件:
完成了这些,最后就可以在AS中新建Flutter项目了:
总结
时间荏苒,我也开启了自己的Flutter之旅,不过之前一些文章的坑还没填完,估计还得填很久,不过凡事开头难,相信自己一定可以在这条路学下去的。