Android Studio使用Google Flutter完整教程

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/gfg156196/article/details/81118368

一套代码 iOS、Android 两端运行,Google Flutter 实在太强大。。

“Flutter 可帮助你更容易、更快速的开发界面美观的移动应用。”  — —  Google 

Flutter 使用的是 Google 自己开发的网络编程语言——Dart 语言,

因此,开发者只要使用过 Java 或 JavaScript 之类的语言,那么 Flutter 也极容易上手。

  • 2017 年 Google I/O 大会上,Google 首次推出了一款新的用于创建移动应用的开源库——Flutter
  • 2018年5月 Google I/O 大会上,Flutter 更新到了 beta 3 版本。
  • 2018年6月 flutter 发布了首个预览版本

Flutter 团队还发布了中文  Flutter 网站:https://flutter-io.cn/

腾讯也将使用 Flutter 推出 “NOW 直播” 手机客户端。接下里就开始使用 Flutter


1、下载Flutter开发包(GitHub下载 或者 官网下载)GitHub简单些

无论我们使用什么方式下载,最终得到 Flutter SDK开发包即可(有了开发包直径跳至2 、)

官网 :https://flutter.io/

GitHub:https://github.com/flutter/flutter

如下简单介绍一下官网下载,GitHub下载大家都很熟就不再介绍了。。。。

选择自己的系统版本下载即可 


2、下载完成后解压到flutter文件夹并将bin路径添加至path环境变量中(大家都会就不多说了)

注意:不要在这样的目录下 如: C:\Program Files\   这类系统目录或者有空的目录


3、在flutter目录中找到 flutter_console.bat 文件。双击启动它。检查并修复SDK

如果下载的旧版本需要升级可用如下命令:

$ flutter upgrade

如果刚下载的新版本直接运行如下命令:

flutter doctor

flutter doctor 会自动检测当前开发环境配置,并且自动下载欠缺的文件。

下载过程有些长。尤其对于国内用户有时还出现下载失败的情况。

可能要尝试多次执行命令才会成功。(我开了蓝灯)

注意:Dart SDK与Flutter捆绑在一起,没有必要单独安装Dart。

仔细检查cmd终端 可能需要安装的其他软件或执行的其他任务(以粗体显示)。

出现以上这些效果都算是安装成功了。。。


4、Android Studio设置

进入 File>Settings>Plugins  搜索 FlutterDart 插件点击右侧 Install 即可

  • Flutter插件支持Flutter开发人员工作流程(运行,调试,热重新加载等)。
  • Dart插件提供代码分析(键入时的代码验证,代码完成等)。

安装完成后会重启Android Studio,发现有些人的Studio会没有flutter项目选项,可以尝试修复studio或者重新下一个。

由于某些众所周知的原因访问国外谷歌服务器有些问题,创建工程如果失败请添加如下环境变量。

  • 新建 PUB_HOSTED_URL  值为 https://pub.flutter-io.cn
  • 新建 FLUTTER_STORAGE_BASE_URL 值为 https://storage.flutter-io.cn

点击 创建工程

此处现象问题不大,如果自己已经下载Flutter的开发包并且配置了环境变量,

可以直接选择三个点 选择自己开发包的路径即可,然后下一步。。。

一直点击 next 进行下一步即可创建完成。。。。。。初次使用时间可能会久一点

工程创建完成之后Android Studio比普通工程多了一个黄色的闪电标志。

工程总目录可以如下截图,可以修改main.dart文件,点击黄色闪电按钮观察模拟器效果。。


5、深入学习 Flutter 开发

可以通过以下资源进行深入了解Flutter:

接下来一篇介绍:深入理解Google Flutter编程之Dart语言


猜你喜欢

转载自blog.csdn.net/gfg156196/article/details/81118368