Android Studio使用Google Flutter完整教程 【0】

转载自: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  搜索 Flutter 和 Dart 插件点击右侧 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:

I/0 分享视频:https://www.youtube.com/playlist?list=PL0o58xSX-Jvi6zBDe7SW4W6h5hauQ-xxF
技术周刊:https://flutterweekly.net/
实践视频:https://www.youtube.com/watch?v=syd0c9Vi2hg
开发视频:https://www.youtube.com/watch?v=yr8F2S3Amas
Github 地址:https://github.com/flutter/flutter
Flutter 网站:https://flutter.io/
Flutter - 不一样的跨平台解决方案:https://juejin.im/post/5afd77466fb9a07aab2a12da
Flutter 初尝:从 Java 无缝过渡:http://wuxiaolong.me/2018/03/08/Flutter/
知乎上介绍用 Flutter 做的几个 APP:https://zhuanlan.zhihu.com/p/37232700
接下来一篇介绍:深入理解Google Flutter编程之Dart语言
--------------------- 
作者:hao_qi 
来源:CSDN 
原文:https://blog.csdn.net/gfg156196/article/details/81118368?utm_source=copy 
版权声明:本文为博主原创文章,转载请附上博文链接!

猜你喜欢

转载自blog.csdn.net/Crystal_xing/article/details/83030475