flutter-开发初体验之Android Studio环境的搭建和配置
现在在自学flutter,万事先把装备准备好,首先来把常用的编辑器安装好,走着~
1、下载并安装 Android Studio.
我下载的版本是

2、安装过程中一路next,

其中 Android Virtual Device是系统自带模拟器,这里选择安装

4、点击 Next 继续下一步,选择Android Studio安装到哪一个目录(我习惯将应用软件安装到D盘)

5、点击 Next 继续下一步,选择是否创建快捷方式,不勾选默认是创建(个人喜好),这里直接点击Install执行安装

6、知道出现完成按钮运行android studio

7、android studio会自动打开

安装sdk: 右上角的
然后会出现下面的弹层:


注意:1:sdk的路径中不能含空格(我开始的时候就放到D:\Program Files\flutter\...)结果报错了,当时忘记什么错了,总之注意这一点。
2:安装最新的前两个 + api32(如果需求要求,可以指定版本的sdk)
安装驱动:点击
显示红框里的内容


,然后在点击‘Create device' 出现下面的弹层

因为我是计划做手机端开发,所以选择了两个不同size的。再点击‘next’,跳转到下面页面

由于很多原因,下载的这个api32,当时也是报错弄了好久,忘记具体问题是啥?┭┮﹏┭┮。再点击next。进入下面页面

因为我已经安装过了,所以直接点击'finish',未安装过的,继续点击 next 进行安装,然后再 finish.
之后安装好的驱动就在右侧可见,如下如:

我们开始创建flutte项目

之后会弹出下面:

项目路径是我自定义的,后面跟着的是项目名称,之后再点击 finish,页面会出现创建项目中,稍微等待一下就好

项目创建成功后之后,如下图:

数字对应描述:
1 安卓平台的开发部分(也是目前我需要开发的部分)
2 ios平台的开发部分,这个部分再xcode环境中开发,后续我会跟进(好像需要再mac环境开发?待定哈~)
3 运行主入口
4、5 飘过,圈多了,哈哈哈
6 类似packpage用于放置安装依赖包的
下面来运行一下这个创建的项目

运行项目成功之后如图下

到此就结束了,下面放上之前上遇到的我问题:
一、问题如图

解决办法 将项目的名称改为纯小写,即可解决。例如:FlutterDemo 你需要改为flutterdemo 或者 flutter_demo即可。
二、Flutter开发错误记录: Flutter SDK not found. Define location with flutter.sdk in the local.properties file.
问题解决
基于以上错误信息的提示,在Android 项目目录下的local.properties文件中添加上flutter SDK的位置,示例如下:
Mac环境:
sdk.dir=/Users/sunnysaini/Library/Android/sdk
flutter.sdk=/Users/sunnysaini/development/flutter
windows环境:
flutter.sdk=C\:\\flutter_sdk\\flutter_windows_1.17.5-stable\\flutter
注意: 示例中具体路径要基于本地flutter SDK的路径来添加;
我的是:D:\Program Files\flutter
三、问题如图:

解决方法:
1、在host文件配置:
192.30.253.112 github.com
172.217.160.78 maven.google.com
然后再重新执行flutter doctor 解决问题!!!
四 问题如下:

这个问题是让我在公司安装了一个小时还没结束的。

截止20:42已经一个半小时了, 小伙伴这个安装的话一定要在家老公司网速限速,┭┮﹏┭┮
可以看出来,需要下载Visual Studio:里面有提示下载的地址:https://visualstudio.microsoft.com/downloads/
然后安装 "Desktop development with C++" ,要注意的是: Windows 10 SDK (10.0.17763.0) ,
需要下载的是10.0.17763.0这个版本的。因为默认下载的是其他版本的sdk,所以勾选的时候,需要注意选择。
MSBuild MSVC v142 - VS 2019 C++ x64/x86 build tools 这2个是默认就有选择的。
其中 Windows 10 SDK (10.0.17763.0) , 和 MSBuild MSVC v142 - VS 2019 C++ x64/x86 build tools 我安装是目前最新的版本,最新连续的各3个版本。
可能因为这个原因,安装时间这么久。。。。。
在运行flutter doctor

五、问题如图:”

[Flutter]Warning: Mapping new ns http://schemas.android.com/repository/android/common/02 to old ns解决方法
升级gradle,如下:
修改gradle-wrapper.properties:
distributionUrl=https\://services.gradle.org/distributions/gradle-7.0.2-all.zip
修改android/build.gradle:
dependencies {
classpath 'com.android.tools.build:gradle:7.0.4'
}
--ps :自己用于记录学过的问题,不喜勿喷,感谢~
分类:
工具类
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 没有源码,如何修改代码逻辑?
· NetPad:一个.NET开源、跨平台的C#编辑器
· PowerShell开发游戏 · 打蜜蜂
· 凌晨三点救火实录:Java内存泄漏的七个神坑,你至少踩过三个!