美文网首页
Flutter 之 Android Studio 环境配置(一)

Flutter 之 Android Studio 环境配置(一)

作者: 鹅鹅鹅曲项向天歌呀 | 来源:发表于2019-11-10 19:23 被阅读0次

Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。
友情链接:Flutter 中文网

1、下载 Fuletter 的SDK
2 、安装 Fletter 插件
3 、创建第一个 Flutter 项目

第一步:下载 Flutter 的 SDK

有两种方式:
 第一:去 Flutter 官网下载
 第二:AS 自带的安装
第一种方式 :
1、打开Flutter 中文网
2、选择电脑系统

截图 1

3、我的电脑是 MACOS 系统,就以这个为例。Window 是一样的操作步骤。
4、选择 获取Flutter SDK

image.png
5、选择 转到下载页
image.png
6、根据自己的电脑系统去下载最新的 SDK.
image.png
7、下载完成后是个压缩包,选择一个目录解压压缩包,稍等一会用 AS 去配置。
第二种方式:
  创建 Flutter 项目的时候,去主动的安装。第三步里面说。

第二步:安插 Flutter 插件

  • Flutter插件支持Flutter开发人员工作流程(运行,调试,热重载等)。
  • Dart插件提供了代码分析(代码验证,键入代码,完成代码等)。
    1、打开Android Stuido 软件,然后找到Plugin的配置,搜索Flutter插件。


    image.png

2、点击 Install,安装成功后,重启一下 Android Studio.查看插件,就会发现,Flutter 插件和 Dart 插件都安装好了.

image.png

第三步:创建第一个 Flutter 项目

1、打开Android Stuidio,选择第二项。

image.png
2、下一步,选择第一项.
image.png
3、在这里,我们可以看到需要填写项目名字,SDK 的路径,项目位置,描述.
下载 SDK 的第二种路径就在这里了.红色框里面,是 AS 自带的下载.
image.png
4、填写完信息以后,点击 Next
image.png
5、填写包名.点击 Finish
image.png
6、编译的时间可能比较长,耐心等待.编译完成之后只这样的.
image.png
7、ok 了,插上手机就可以运行了,或者使用模拟器。效果图如下。
image.png

ps:我使用的苹果模拟器,手机也是一样的,没什么区别.

The End

有问题留言只要我看到,必回答.
下一篇:整一个Hello Word~~~

相关文章

网友评论

      本文标题:Flutter 之 Android Studio 环境配置(一)

      本文链接:https://www.haomeiwen.com/subject/szpabctx.html