Flutter安装(环境搭建)

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

特别提醒:环境变量不是系统变量,而是用户变量
Flutter安装(环境搭建)_第1张图片
2.克隆bate分支到系统路径中:git clone -b beta https://github.com/flutter/flutter.git
Flutter安装(环境搭建)_第2张图片
进入漫长的等待环境。。。
假如各种原因下载不了,请到https://flutter.dev/docs/development/tools/sdk/releases下载解压即可。

3.将克隆下来的项目bin目录配置到环境变量Path中:
Flutter安装(环境搭建)_第3张图片
六.运行 flutter doctor

1.打开cmd窗口并运行以下命令以查看是否需要安装任何依赖项来完成安装:
Flutter安装(环境搭建)_第4张图片
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安装(环境搭建)_第5张图片
可以尝试以下解决方法:
输入 flutter doctor --android-licenses,接下来所有的输入 y 就可以了

3. 第三次flutter doctor,发现问题解决了
Flutter安装(环境搭建)_第6张图片
4. 如果你运行flutter项目的时候发现还提示你sdk未licenses,请检查项目中local.properties指定的sdk路径是否正确

特别注意:如果始终没法解决,可以先跳过这一步,我看也没有什么问题。

七、.搭建Android Studio开发环境
1.打开AndroidStudio–2.打开设置(setting)–3.打开plugins–4.搜索安装两个插件Dart和Flutter插件

Flutter安装(环境搭建)_第7张图片
Flutter安装(环境搭建)_第8张图片

注意:安装完成后重启AndroidStudio重新加载插件

1.安装插件后,欢迎页会出现Start a new Flutter project 的条目,表示成功安装了插件,此时我们可以通过此选项创建一个Flutter的项目,点击Start a new Flutter project进行项目的创建。
Flutter安装(环境搭建)_第9张图片

Flutter安装(环境搭建)_第10张图片
可以选择勾选是否要支持Androidx、kotlin、Swift。
Flutter安装(环境搭建)_第11张图片
Flutter安装(环境搭建)_第12张图片
七.创建过程中可能遇到的问题遇到的

1.项目创建完成后无法连接到调试设备,用ADB查看设备也是连接的,可是工具就是找不到设备,还弹出(No connected devices found; please connect a device, or see flutter.io/setup for getting started instructions.)的对话框,vs code也是连接不上的,开始自己遇到了这种问题,在网上搜索这种问题,大部分说的是,清除AndroidStudio的缓存,或者AndroidStudio的版本过高的问题,但是自己发现,这还是Flutter环境搭建的问题,导致了创建的项目也有问题。(清除缓存说法,也不妨试一试).
Flutter安装(环境搭建)_第13张图片

解决方案:

1.检查Dart的SDK路径:
Flutter安装(环境搭建)_第14张图片
2.检查Flutter的SDK位置:
Flutter安装(环境搭建)_第15张图片
4.检查ADB环境:在命令行窗口输入ADB,检查ADB的环境配置,如果出现如下这些内容,表示ADB的环境没有问题,否则ADB配置有问题。
Flutter安装(环境搭建)_第16张图片

八.如果创建完成项目,编译报错

解决方法:
改改最外层的build.grade的配置试试,可能app下面的build.grade文件也要捣腾捣腾试试。都是被堵墙的原因。
Flutter安装(环境搭建)_第17张图片

Flutter电商实战项目:https://github.com/dechengyang/ydc_flutter_app

如果对你有帮助,随意赏我奶粉钱吧,多谢!

微信:
在这里插入图片描述
支付宝:
在这里插入图片描述

你可能感兴趣的:(Flutter)