码迷,mamicode.com
首页 > 移动开发 > 详细

Window10搭建Flutter for Android环境

时间:2020-03-24 12:47:47      阅读:82      评论:0      收藏:0      [点我收藏+]

标签:oid   新版   浏览器   ali   环境   运行   mil   mac os   tool   

Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。
目前,支持Windows、Linux、Mac OS以及Android和iOS,最新版本也已经支持Web(浏览器)平台。
本文大致记录下Flutter在Windows10下Android环境的搭建过程,一些细节步骤已经忽略。
环境搭建一旦成功,任务就已经成功了80%-90%,开始干!

系统环境

技术图片

软件清单

  • JDKjdk-8u91-windows-x64.exe

技术图片

  • Android SDKandroid-sdk_r24.4.1.zip installer_r24.4.1-windows.exe

技术图片

  • Android Studioandroid-studio-ide-192.6241897-windows.exe

技术图片

技术图片

技术图片

  • Flutterflutter_windows_v1.12.13+hotfix.8-stable.zip

 技术图片

技术图片

环境变量请参考资料自行添加。

执行flutter doctor时,可能存在问题:

技术图片

Android license status unknow.
网上的资料都提示flutter doctor --android-licenses,但是需要升级Android SDK
执行sdkmanager --update,命令窗口提示done,但是依旧提示升级Android SDK
解决:在Android Studio中升级Android SDK Tools到可用最新版本,我这里原来是25.2.5,升级到了26.1.1就可以了!

技术图片

Android中新建Flutter工程,打开Android虚拟机,在main.dart窗口右键:

技术图片

由于Android Studio比较重量级,很占用系统资源,而大家的电脑并不是都配置很高,此时可以切换到占用资源较小的VS Code上去。
VS Code安装好Flutter插件:

技术图片

打开Android虚拟机,打开Flutter工程,打开终端窗口(Ctrl+~):flutter run

技术图片

运行速度比Android Studio快多了~
体验热重载:修改下窗口标题,输入r立即执行效果
技术图片

Window10搭建Flutter for Android环境

标签:oid   新版   浏览器   ali   环境   运行   mil   mac os   tool   

原文地址:https://www.cnblogs.com/MakeView660/p/12557911.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!