AndroidStudio安装Flutter和Dart插件

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

7077845-192167cb65d03677.png
Flutter项目.png

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

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

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

7077845-e26b2152ceaabb4c.jpg
执行git命令下载flutter SDK.jpg

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


7077845-77acb9a8dda3be0f.png
盗图.png

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

7077845-63e8ab71310febb8.png
配置环境变量之后的效果.png

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

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

7077845-8e5d3e4e441f3110.png
双击安装FlutterSDK.png
7077845-314946e677859f0e.png
安装sdk.png

7、安装sdk成功


7077845-e5c85185ff9937f7.jpg
安装sdk成功.jpg

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


7077845-e54de9fecaa6a2d2.jpg
安装Dart插件.jpg
7077845-c41fed7f47376585.png
安装Flutter 插件.png

9、中配置dart和flutter的路径

7077845-f4748151d7bb19d8.jpg
配置Dart路径.jpg

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

7077845-48b4762c42361c11.png
创建项目.png

11、运行效果


7077845-08b90bd1b21f8d4c.png
运行效果.png
posted @ 2018-04-26 12:58  林天佐  阅读(484)  评论(0编辑  收藏  举报