Flutter学习笔记之一 Windows环境配置

Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、开源的。

学习参考:
Flutter官网:https://flutter.io
Flutter中文网:https://flutterchina.club

1、下载SDK
去官网下载 flutter SDK(Windows版),不过官网比较慢,下载完毕解压放到一个路径下。

2、配置环境变量
在这里插入图片描述
由于一些flutter命令需要联网获取数据,如果您是在国内访问,由于众所周知的原因,直接访问很可能不会成功。 PUB_HOSTED_URL和FLUTTER_STORAGE_BASE_URL是google为国内开发者搭建的临时镜像:

在这里插入图片描述

FLUTTER_STORAGE_BASE_URL:https://storage.flutter-io.cn
PUB_HOSTED_UR:https://pub.flutter-io.cn

3、检测安装
在命令行运行 flutter doctor 检测安装依赖情况,缺啥装啥。直到如下即为成功:
在这里插入图片描述
Android toolchain那个应该是指Android设备,如果你电脑没连手机或模拟器应该是黄色感叹号或者红色叉。

4、编辑器设置
编辑器使用Android studio装插件,作为Android开发攻城狮AS怎么能没有呢,直接装插件:
file->settings->plugins->Browse Repositories 搜索Flutter:
在这里插入图片描述
Flutter是用dart语言编程,会先给你安装一个dart插件,在安装插件的过程中多半会安装失败吧!
Plugin Flutter was not installed: Cannot download 'https://plugins.jetbrains.com/pluginManager/?acti 巴拉巴拉一堆看不懂

不要急,看图取消勾选:
在这里插入图片描述
到此,开发环境基本搞定。
5、创建项目
这时候你的studio的new菜单就多了一个东西(如果没有请重启):
在这里插入图片描述
其实看项目结果挺容易理解的,根目录下主要包含Android的代码、iOS代码、Flutter代码,其中lib为Flutter代码只有一个main.dart文件,Android和iOS代码应该是编译生成的,iOS咱不懂,Android进去看一下和一般Android项目差不多,只是他没有布局,而且在activity的onCreate方法中也不加载布局,有点意思。调试运行和Android项目一毛一样,dart语言感觉也和Java差不多,有时间再研究。

猜你喜欢

转载自blog.csdn.net/chenyingjie_Android/article/details/85245891
今日推荐