赞
踩
Flutter是Google(全球顶级互联网科技公司)的生的,后台够硬,毫无疑问Flutter即将或已经成为跨平台开发的主流,Flutter野心很大,可能会烧到Web前端。作为移动端开发者的你,如果不关注Flutter的话,实在说不过去啦!本文全方位演示Flutter 环境搭建。
一、搭建Flutter开发环境需要具备以下4样东西:
1、Flutter SDK (建议下载官网的,下载完直接能用)
2、下载Dart插件
3、下载Flutter插件
4、准备ide(Androidstudio或者IntelliJ IDEA)配置flutter的SDK即可
二、Flutter资源
官方网址:https://flutter.io/
Flutter中文网:https://flutterchina.club
中文开发者论坛:http://flutter-dev.cn/
官方英文文档传送门:https://flutter.dev/docs/get-started/install/windows 。
Flutter的源码GitHub仓库地址:https://github.com/flutter/flutter
Flutter社区中文资源网站:https://flutter.cn/
Dart语言中文社区—中国最大的Dart语言编程学习交流社区 (该网站包含Dart系统的学习教程,内容比较丰富):http://www.cndartlang.com/
Flutter插件资源中文网站 (包括各种flutter相关的插件资源包):https://icopy.site/#_3
三、软硬件环境
1.操作系统: Windows 7 或更高版本 (64-bit)
2.磁盘空间: 400 MB (不包括Android Studio的磁盘空间【本人使用的是Android Studio3.5】).
3.工具: Flutter 依赖Git命令行工具Git命令行工具下载
四、关于Flutter的渠道(channels)
Flutter有以下四个渠道(channel)–https://flutter.dev/docs/development/tools/sdk/releases,顺序按照稳定性依次增加:
master
当前代码树的顶端,最新的版本。一般有很多新功能,但是不保证以后会不会砍掉。
dev
以前叫alpha,是最新的完全测试过的版本。也包含了新功能,但是也会有一些"bad" dev builds,可以查看 Bad Builds 列表。
beta
每隔几周都会选取近几个月中最好的一个dev版本,当作beta版,这个版本是通过了Google的codelabs 测试的。每发布一个Beta版本时,通常会同时发行一个stable版本。
Stable
最稳定版本,也是默认建议下载版本。
所以开发的时候,可以选择beta或Stable。
五、获取Flutter SDK
1、 由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中:
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
特别提醒:环境变量不是系统变量,而是用户变量
2.克隆bate分支到系统路径中:git clone -b beta https://github.com/flutter/flutter.git
进入漫长的等待环境。。。
假如各种原因下载不了,请到https://flutter.dev/docs/development/tools/sdk/releases下载解压即可。
3.将克隆下来的项目bin目录配置到环境变量Path中:
六.运行 flutter doctor
1.打开cmd窗口并运行以下命令以查看是否需要安装任何依赖项来完成安装:
flutter doctor 时遇到的常见错误与解决
1. 在运行flutter doctor,出现以下错误:
[✓] Flutter (on Linux, locale en_US.UTF-8, channel master)
[✗] Android toolchain - develop for Android devices
✗ Unable to locate Android SDK.
Install Android Studio from:https://developer.android.com/studio/index.html
On first launch it will assist you in installing the Android SDK components.
(or visithttps://flutter.io/setup/#android-setupfor detailed instructions).
If Android SDK has been installed to a custom location, set $ANDROID_HOME to that location.
[✓] Android Studio (version 3.0.0)
• Android Studio at /home/f/App/android-studio
• Gradle version 3.2
• Java version OpenJDK Runtime Environment (build 1.8.0_112-release-b06)
[✓] Connected devices(1 available)
出现类似上面的这种错误,要仔细看错误信息来找原因
可以尝试以下解决方法:
添加环境变量ANDROID_HOME,把你android SDK的路径填上,重启电脑即可。
2. 在输入flutter doctor检查一下,出现以下错误
可以尝试以下解决方法:
输入 flutter doctor --android-licenses,接下来所有的输入 y 就可以了
3. 第三次flutter doctor,发现问题解决了
4. 如果你运行flutter项目的时候发现还提示你sdk未licenses,请检查项目中local.properties指定的sdk路径是否正确
特别注意:如果始终没法解决,可以先跳过这一步,我看也没有什么问题。
七、.搭建Android Studio开发环境
1.打开AndroidStudio–2.打开设置(setting)–3.打开plugins–4.搜索安装两个插件Dart和Flutter插件
注意:安装完成后重启AndroidStudio重新加载插件
1.安装插件后,欢迎页会出现Start a new Flutter project 的条目,表示成功安装了插件,此时我们可以通过此选项创建一个Flutter的项目,点击Start a new Flutter project进行项目的创建。
可以选择勾选是否要支持Androidx、kotlin、Swift。
七.创建过程中可能遇到的问题遇到的
1.项目创建完成后无法连接到调试设备,用ADB查看设备也是连接的,可是工具就是找不到设备,还弹出(No connected devices found; please connect a device, or see flutter.io/setup for getting started instructions.)的对话框,vs code也是连接不上的,开始自己遇到了这种问题,在网上搜索这种问题,大部分说的是,清除AndroidStudio的缓存,或者AndroidStudio的版本过高的问题,但是自己发现,这还是Flutter环境搭建的问题,导致了创建的项目也有问题。(清除缓存说法,也不妨试一试).
解决方案:
1.检查Dart的SDK路径:
2.检查Flutter的SDK位置:
4.检查ADB环境:在命令行窗口输入ADB,检查ADB的环境配置,如果出现如下这些内容,表示ADB的环境没有问题,否则ADB配置有问题。
八.如果创建完成项目,编译报错
解决方法:
改改最外层的build.grade的配置试试,可能app下面的build.grade文件也要捣腾捣腾试试。都是被堵墙的原因。
Flutter电商实战项目:https://github.com/dechengyang/ydc_flutter_app
如果对你有帮助,随意赏我奶粉钱吧,多谢!
微信:
支付宝:
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。