flutter使用记录-环境配置,自己运行第一个演示app

目录

系统要求

获取Flutter SDK

更新环境变量

运行 flutter doctor

编辑器设置

Android设置

安装Android Studio

设置您的Android设备

设置Android模拟器

起步: 配置编辑器

起步: 体验

创建新应用

运行应用程序

体验热重载

---

 

官方网址

flutter中文网

flutter外网

需要用到的sdk安装包和演示控件的app,下方有链接,如果中文镜像不给力,可以尝试下

安装flutter SDK

资源地址

fluter SDK

链接：https://pan.baidu.com/s/1RpMD0bYCuKHpvm_jZephkw 
提取码：8hz7 

flutter Gallery(自带flutter控件演示效果)

链接：https://pan.baidu.com/s/17xEBQWKvsBGHVjNLvmh8xw 
提取码：28lh 

系统要求

这里解释下下方的小字体.

flutter安装完成后,自带的IDE时类似于CMD样式的窗体,所以需要先在这个窗体中运行git命令,否则出现上述告警,就需要自己手动添加git的环境变量

获取Flutter SDK

运行flutter doctor检查 flutter sdk文件,插件以及更新

这里需要先运行git命令,然后才能操作flutter doctor

否则出现Bash git 无效的提示,就需要你在环境变量中加入git.bin文件夹的路径

更新环境变量

Path路径必定添加

如果flutter更新依赖国内镜像，需要新建以下路径

PUB_HOSTED_URL=https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

运行 flutter doctor

这里就需要你查看运行flutter doctor之后给出的提示

一般情况需要你更新flutterSDK,还有就是没有检测到本地插件,就需要你打开自己的IDE来安装flutter和Dart插件

另外，由于是dos界面，看不到运行命令后的进度提示，所以运行命令后，需要耐心等待

运行后界面提示如下

第一个感叹号，照着最后的建议，运行flutter doctor --android-licenses即可，然后询问是否接受licenses，一路y即可

第二个感叹号说明，Android Studio没有安装flutter和dart插件，自己到as插件库中搜索安装即可

位置如下

直接安装flutter插件，AS会提示你需要安装前置dart插件

最后一个感叹号表示当前没有连接可用得设备

编辑器设置

Android设置

安装Android Studio

设置您的Android设备

设置Android模拟器

 

起步: 配置编辑器

 

起步: 体验

创建新应用

运行应用程序

体验热重载

 

这里会遇到一些问题

安装运行flutter的时候,有可能会出现gradle initializing taking forever

一直在初始化

这里参考github

gradle initializing taking forever

先查看工程android文件夹下gradle的属性,观察gradle的版本,然后在系统的环境变量中设置

set CLASSPATH=<AS gradle文件夹>\gradle-4.6\lib\gradle-launcher-x.x.jar

下面是我的环境变量

其实在创建flutter应用程序的时候就又可能遇到一直在创建进度条的情况，也可以这样解决