AndroidStudio安装Flutter和Dart插件

Flutter也提供响应式的视图,Flutter采用不同的方法避免由JavaScript桥接器引起的性能问题,即用名为Dart的程序语言来编译。Dart是用预编译的方式编译多个平台的原生代码,这允许Flutter直接与平台通信,而不需要通过执行上下文切换的JavaScript桥接器。编译为原生代码也可以加快应用程序的启动时间。

Flutter项目.png

支持Dart插件的编辑器有很多,AndroidStudio、IntelliJ和VScode都支持

1、安装AndroidStudio3.0版本或更新版本

2、执行git命令下载flutter SDK
git clone https://github.com/flutter/flutter.git

执行git命令下载flutter SDK.jpg

3、 但是执行git命令下载真的很慢,系统为windows,所以需要配置flutter环境变量


盗图.png

4、配置完之后,真的很快

配置环境变量之后的效果.png

5、把flutter的sdk安装目录下的flutter\bin放到环境变量的Path路径中

6、安装FlutterSDK,找到flutter\bin下的flutter_console.bat双击

双击安装FlutterSDK.png
安装sdk.png

7、安装sdk成功


安装sdk成功.jpg

8、Flutter由两个插件支持:
* Flutter插件支持Flutter开发人员工作流程(运行,调试,热重载等)。
* Dart插件提供了代码分析(代码验证,键入代码,完成代码等)。


安装Dart插件.jpg
安装Flutter 插件.png

9、中配置dart和flutter的路径

配置Dart路径.jpg

10、重启AndroidStudio之后创建第一个Flutter项目

创建项目.png

11、运行效果


运行效果.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 新手菜鸟一枚,想从产品转入技术坑,目标:移动端APP开发。最近听技术达人 飞狐 说flutter beta发布了,...
    燃烧的鱼丸阅读 53,312评论 27 24
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,176评论 25 709
  • 这个故事发生在一个年轻人身上,在闯荡一番,做什么都没有什么成就。 当他回到村里的时候,听说后山寺庙里有和尚无所不知...
    看到你觉得你阅读 2,761评论 0 0
  • 点金术之不破不立!不是所有突破都值得一嬉戏!如幻大千,在于一个幻!眼睛会欺骗你,脑子会欺骗你,世界会欺骗你。 你如...
    纵情嬉戏天地间阅读 1,508评论 0 0
  • 几经辗转,过了十几年的颠簸,才来到这个城市,也许今后就在这里度过。也好,这是座古城,六朝古都,源远流长。 回望来时...
    青山伴春风阅读 3,021评论 0 2