在Windows 10上搭建Flutter环境,初次体验Flutter开发app

              本文重点:在Windows 10上搭建Flutter环境,初次体验Flutter开发app

              介绍Flutter发布到现在已经有一段时间了,但是到现在依然没有体验过一次,都说它很优秀,那么作为一个爱折腾的人,优秀的东西总是要学习的,那么今天就试一下坑,看看到底Flutter开发app的体验是怎么样的,我会从头开始一步步从环境安装直到到手机运行起来第一个体验app为止(本文仅限安卓)!Flutter教程对于英文不好的小伙伴来说,有中文教程就够了http:///flutter_book/开发工具SDK开发任何软件,SDK都是必须要安装的,在windows下下载下来的安装包是压缩包,我们将其解压到某一个文件夹下,最好是权限限制低的文件夹,比如我就放在我的D盘的flutter文件夹下面,然后就是将SDK加入到环境变量中去,第一反应就是将bin文件夹路径加入到环境变量:这里不做详细介绍,相信大家都会然后运行flutterdoctor来验证是否添加成功,如果有输出说明添加到环境变量成功AndroidStudio安装AndroidStudio的目的是安装安卓的环境,这个地方相信大家都可以搞定编辑器配置由于我本人喜欢用VSCode,因此就用它来作为我的开发Flutter应用的首选开发工具,我们首先到扩展商店安装Flutter插件安装完成后我们打开命令面板,或者快捷键Ctrl+Shift+P打开命令面板在命令面板输入然后点击‘Flutter:RunFlutterDoctor来验证Flutter环境情况,这个地方我遇到了一个问题,报了如下错误Androidlicensesnotaccepted经过一番搜索,执行以下命令,然后一路y就完事了flutterdoctor--android-licenses创建第一个体验项目在VSCode中创建一个Flutter项目非常简单,同样打开命令面板,输入flutter,选择来新建第一个项目,输入项目名称,就叫first吧连接手机,打开USB调试模式这个地方我没有选择连接安卓模拟器,因为我觉得连接手机更方便,我使用的是华为系列的手机,,点击打开USB调试模式即可大致是这个样子直接F5进行调试即可,然后就是漫长的等待(显然是等不及了,然后就是在一番搜索)到SDK目录下:flutterpackages lutter_toolsgradle 修改如下:buildscript{repositories{//google()//jcenter()maven{urlhttps:///repository/google}maven{urlhttps:///repository/jcenter}maven{urlhttp:///nexus/content/groups/public}}dependencies{classpath:gradle:}}packageget慢的话:新建两个环境变量:PUB_HOSTED_URLhttps://_STORAGE_BASE_URLhttps://分别对应名称和值;然后继续F5调试,这个时候应该会很快了,不出意外等程序构建完成会在在真机上提示安装,我们信任即可,下面是打开后的app的页面Flutter是支持热加载的,那么我们直接修改下title文字已经直接变了,而且很快,快到我这段文字输入中途就跟着变化PS:需要注意的是,如果中途你拔线或者将后台APP进程关掉了,调试会自动终止,就需要重新Debug才能进行重新运行调试总结总的来说从环境搭建,到新建项目调试运行第一个APP不是很费事,可能我还没遇到其他的一些严重的不好解决的问题,总体感受是一个惊喜,真的很不错,虽然我的主要工作在Web应用上,但是开发app是迟早的事,实现体验下也是不错的,还没有尝试过的小伙伴们,赶紧去试试吧!。