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:

比如我安装后的:

下面我们开始创建项目:

  1. 选择 File > New > New Flutter project…

  2. 在接下来弹出的选择面板里,选择 Flutter Application

  3. 这里填应用的基本信息。Project name 我们就写 flutter_demo 好了。这里要注意的是,Project name 必须是一个合法的 Dart 包名(小写+下划线,可以有数字)。填好以后点击 next,然后 finish。

 

就可以运行项目了,效果图:

查看配置信息:

 

 

使用android studio编译dart代码:

 

 

 

推荐资料:

flutter相关资料:

flutter github地址

 任玉刚的  8 篇文章,再学不会 Flutter 你来打我!

Flutter中文文档 (包含 api 、Widgets 目录

帮你整理一份快速入门Flutter的秘籍

https://space.bilibili.com/72683969/video(视频教程)

闲鱼的flutter合集

***阿里团队详解常用的Widget 多达140+个 (app)阿里对外开源的项目,提供了 Flutter 常见的控件的讲解,demo 等

推荐书:《Flutter技术入门与实战》试读地址(可参考目录进行学习)

技术胖的Flutter 44集免费基础视频教程 (视频教程)

***GSY对外开源的项目(包含各种小案列) https://github.com/CarGuo/GSYFlutterDemo

***鸿洋推荐的:Flutter “保姆”级项目

*** 鸿洋推荐的适合新手 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语言相关资料:

dart2.0中文文档

30分钟掌握Dart语言(推荐)

Dart语法学习(有些知识点一笔带过了)

Flutter基础篇(2)-- 老司机用一篇博客带你快速熟悉Dart语法

 

 

dart搜索三方库的地址:

https://pub.dev/

一些第三方库:

 

补充: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 就可以了:

 

 

 

 

 

 

 

posted @ 2018-12-26 17:16  ts-android  阅读(454)  评论(0编辑  收藏  举报