本文正在参与「金石方案 . 分割6万现金大奖」
前语
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之旅,不过之前一些文章的坑还没填完,估量还得填好久,不过凡事开头难,信任自己一定能够在这条路学下去的。