Flutter(1)环境搭建与资料推荐
1.Flutter环境搭建-sdk的下载:
可参考:一份完整的Android Studio搭建Flutter教程
上面文章使用的git命令安装的,这里我给出通过手动下载的方式来下载flutter SDK
https://flutter.io/docs/get-started/install
下载地址:https://flutter.io/docs/get-started/install/windows
如果地址打不开,那就用git克隆下来吧:flutter地址:https://github.com/flutter/flutter
2.下载完后解压再配置环境:注意: flutter的下载路径要全英文并且路径不能有空格!
在系统环境变量path中添加刚刚下载的flutter的路径。将bin文件路径添加至path中:
3 windows命令行cmd中执行flutter doctor命令
flutter doctor 会自动检测当前开发环境配置,并且自动下载欠缺的文件。
运行完可能会提示检测不到android sdk,解决方法见下面
flutter doctor时显示X Unable to locate Android SDK的解决方案
运行
解决办法:
然后再次运行 flutter doctor, 就已经检测到android sdk了
然后重启电脑! 然后重启电脑! 然后重启电脑! 然后重启电脑!
4.使用android studio开发flutter:
比如我安装后的:
下面我们开始创建项目:
-
选择 File > New > New Flutter project…
-
在接下来弹出的选择面板里,选择 Flutter Application
-
这里填应用的基本信息。Project name 我们就写 flutter_demo 好了。这里要注意的是,Project name 必须是一个合法的 Dart 包名(小写+下划线,可以有数字)。填好以后点击 next,然后 finish。
就可以运行项目了,效果图:
查看配置信息:
使用android studio编译dart代码:
推荐资料:
flutter相关资料:
Flutter中文文档 (包含 api 、Widgets 目录)
https://space.bilibili.com/72683969/video(视频教程)
***阿里团队详解常用的Widget 多达140+个 (app)阿里对外开源的项目,提供了 Flutter 常见的控件的讲解,demo 等
推荐书:《Flutter技术入门与实战》试读地址(可参考目录进行学习)
技术胖的Flutter 44集免费基础视频教程 (视频教程)
***GSY对外开源的项目(包含各种小案列) https://github.com/CarGuo/GSYFlutterDemo
***鸿洋推荐的:Flutter “保姆”级项目
*** Flutter 集录指南 App: https://github.com/toly1994328/FlutterUnit
*** Flutter 控件用法 网页版 http://laomengit.com/(老孟,全网最全组件介绍)
Dart 语言的 Json 转 Model 插件 https://github.com/neverwoodsS/idea_dart_json_format
在线 Json to Dart https://javiercbk.github.io/json_to_dart
收集了很多第三方库 https://github.com/Solido/awesome-flutter
dart语言相关资料:
30分钟掌握Dart语言(推荐)
Dart语法学习(有些知识点一笔带过了)
Flutter基础篇(2)-- 老司机用一篇博客带你快速熟悉Dart语法
dart搜索三方库的地址:
一些第三方库:
补充:flutter1.5.4-hotfix版本后还需要PowerShell版本在5.0以上
升级现有 Windows PowerShell 与 检查 PowerShell 版本
查看flutter版本:
如果一直卡着(卡个几分钟正常) 需要在用户变量中,设置国内镜像:
PUB_HOSTED_URL=https://pub.flutter-io.cn FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
执行 flutter doctor 如下:
在mac上配置完镜像后,执行pubspec.yaml 里的 Pub get
在android studio中还是卡在Running "flutter pub get" in 项目名 , 解决方法:
项目右击 -> open in Terminal 执行 flutter pub get 就可以了: