1.第一节 - Flutter教程之AndroidStudio配置Flutter工程(并运行第一个项目)

简介: Flutter之AndroidStudio配置Flutter工程并运行第一个项目

 小T带你通俗易懂的去理解~

1.下载Flutter SDK

(不知道不同版本有什么区别时,可以参考这篇文章)image.gif编辑

(还未发布Flutter 不同版本之间的区别,敬请期待~)

FlutterSDK下载地址:https://flutter.dev/docs/development/tools/sdk/releases (需要翻墙)

(可以找热心的小T获取哦)image.gif编辑

2.将下载的zip解压到自己的磁盘目录下

(小T的路径是D:\flutter,注意,不要将flutter安装到需要一些高权限的路径如C:\Program Files\

然后在系统变量Path中配置Flutter系统环境

image.gif编辑

3.由于flutter官网需要翻墙,一些flutter命令可能无法使用,这里我们需要配置国内大神搭建的临时镜像image.gif编辑

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

image.gif编辑

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

image.gif编辑

重启Windows以应用此更改

4.按win+R打开cmd,输入flutter doctor,若出现下图则表明配置flutter环境成功

image.gif编辑

(没有打勾也没有关系,下面的教程会一一解决)image.gif编辑

5.打开AndroidStudio,ctrl+s+alt打开安装插件界面或者找File-->setting也可;(随便进入一个文件)

image.gif编辑

第一步打开Plugins,第二步,在Marketplace中安装Flutter和Dart。

image.gif编辑

安装成功后可以在Installed中看到已经安装的插件

image.gif编辑

然后重启一下AndroidStudio!

再次打开,就可以创建Flutter工程了~

6.创建并运行第一个Flutter工程(在这里会有千千万万个问题)

遇到创建或者运行Bug问题请参考这篇第一次运行Bug总结(血与泪的总结)           image.gif编辑

第一步:New Flutter Project

image.gif编辑

选择自己想要的模块,第一个为Flutter工程

想写属于自己的插件请参考这篇文章

不知道Android原生和Flutter混编怎么搞的请参考这篇文章

选择好后直接Next

配置Flutter工程,完成后直接Next

image.gif编辑

Finish              

image.gif编辑

我们现在终于进入了Flutter工程

选择模拟器运行

image.gif编辑

第一次运行会去下载所需要的Gradle,运行有点慢

成功!!!image.gif编辑

image.gif编辑

欢迎留言纠正 ~


相关文章
|
1天前
|
设计模式 前端开发 测试技术
Flutter 项目架构技术指南
探讨Flutter项目代码组织架构的关键方面和建议。了解设计原则SOLID、Clean Architecture,以及架构模式MVC、MVP、MVVM,如何有机结合使用,打造优秀的应用架构。
Flutter 项目架构技术指南
|
1天前
|
机器学习/深度学习 Java Android开发
记录一个Flutter运行的异常FAILURE: Build failed with an exception. What went wrong: A problem occurred config
记录一个Flutter运行的异常FAILURE: Build failed with an exception. What went wrong: A problem occurred config
52 0
|
7月前
|
Dart 开发工具 iOS开发
带你读《深入浅出Dart》二十三、Flutter环境的安装与配置(1)
带你读《深入浅出Dart》二十三、Flutter环境的安装与配置(1)
|
7月前
|
Dart 开发工具 Android开发
带你读《深入浅出Dart》二十三、Flutter环境的安装与配置(2)
带你读《深入浅出Dart》二十三、Flutter环境的安装与配置(2)
|
7月前
|
存储 Dart 前端开发
原来Flutter代码是这样运行在原生系统的!快来了解Flutter标准模板,感受原生系统中Flutter的魅力!
原来Flutter代码是这样运行在原生系统的!快来了解Flutter标准模板,感受原生系统中Flutter的魅力!
57 0
|
7月前
|
Dart Android开发
Flutter | vscode运行Flutter疑难杂症
本来今天更新Stable Diffusion最后一个教程的,但是今天在开发中遇到了一个问题。
100 0
Flutter | vscode运行Flutter疑难杂症
|
7月前
|
Dart 编译器 开发工具
Flutter | windows使用vscode创建并使用夜神模拟器运行flutter
开发Flutter如果使用Android studio并运行,编译器加上虚拟机基本上直接占用2个多G内存,对于16G内存的电脑来说,压力还是有点大的。所以如果使用vscode开发是不是好很多,而且还用的顺手。
179 0
|
8月前
|
Dart 前端开发 开发工具
谷歌移动UI框架Flutter教程之Widget
谷歌移动UI框架Flutter教程之Widget
|
9月前
|
测试技术 数据库 Android开发
Flutter系列文章-实战项目
在本篇文章中,我们通过一个简单的天气应用示例,综合运用了最近学到的知识,包括保存到数据库、进行 HTTP 请求等。通过这个实战项目,你可以更加深入地了解 Flutter 应用的开发流程,并掌握实际项目中的常用技术和最佳实践。
177 0
Flutter系列文章-实战项目
|
10月前
|
开发框架 Dart 开发工具
使用Flutter开发一套可同时运行在Android和iOS平台的代码
Flutter是一种跨平台移动应用开发框架,它允许开发者使用单一代码库构建高性能、美观且可在多个平台上运行的应用程序。本文将介绍如何使用Flutter开发一套同时适用于Android和iOS平台的代码。

热门文章

最新文章

http://www.vxiaotou.com