优秀的编程知识分享平台

网站首页 > 技术文章 正文

面向Java程序员的flutter实战之二-开发环境搭建

nanyue 2024-10-07 11:29:10 技术文章 9 ℃

使用Android studio开发Flutter应用时,需要先配置好Android的相关开发环境,然后再配置Flutter; 对于一台新电脑来说最麻烦的就是安卓SDK的相关下载及配置了,因为被墙的原因嘛。整个安装过程感觉自己都感觉迷迷糊糊的,发现问题到网上一搜处理掉然后继续配,又会有新的问题出现。因此我使用Ghost重装了两三次系统,为的就是总结一个比较简便尽量少走弯路的方式。

我的这套配置是在Window下进行的,使用IOS的可以忽视。

1. Android Studio安装

下载与安装:https://developer.android.google.cn/studio?hl=zh-cn,这个网址目前是没被封的,可以正常访问。

安装后首次打开,报:


按网上很多做法,在这里配Proxy后就完了,但我配完后,到最后仍旧报SDK Emulator directory is missing!其主要的原因还是SDK下载不下来,有些网址访问不了。于是只好先不管这个,手动下载SDK。

2. SDK下载

官方最新的对SDK管理的工具是CmdLine Tools,去https://developer.android.google.cn/studio?hl=zh-cn 下载这个工具,然后解压到c:/android/sdk目录下(具体目录按个人习惯来,但不要放在带空格的路径下)。

然后进入解压进目录,打开cmd输入./sdkmanage.bat,报java_home不存在,先安装 JDK,配完环境变量,然后再执行,报:

 Error: Could not determine SDK root.
 Error: Either specify it explicitly with --sdk_root= or move this package into its expected location: <sdk>\cmdline-tools\latest\

按提示来,通过--sdk_root指定目录(我指定的目录是c:/android/sdk )

执行后:

 PS C:\android\cmdline-tools\bin> .\sdkmanager.bat --sdk_root=c:/android/sdk
 [=======================================] 100% Computing updates...

这个时候就可以安装SDK了,通过以下命令进行:

 .\sdkmanager.bat --sdk_root=c:/android/sdk "platforms;android-30"

安装结果:


继续安装build-tools:.\sdkmanager.bat --sdk_root=c:/android/sdk "build-tools;30.0.0"

3. Android Studio配置

安装完成后打开studio,不出意料还是报之前那个问题, 这时再点击setup proxy ,配置地址:mirrors.neusoft.edu.cn:80 :


点击下一步:


选择SDK目录,这个地方就选择我们前面所指定的那个目录(如我的是c:/android/sdk) :

继续下一步,到最后:


最后这个不管他先,点击Finish。 进到以下界面点击SDK Manager:

发现Sdk update sides里面是感叹号:

这个时候按https://blog.csdn.net/snail82/article/details/104414265这个里面的处理,先配完hosts,然后重启android studio,再在Http proxy中将proxy关闭

再进Android SDK界面,不出意外SDK的清单可以获取到了:

SDK Update Sites中的感叹号也好了。接下来就简单了,在这个里面直接勾上需要安装的包,选择Apply就可以直接安装 了;

4. 配置AVD(虚拟设备)

进Tools -> AVD Manager,创建一个虚拟设备,如果SDK Manager 如果问题解决,那么这里可以看到镜像的列表:

选择一个执行Download; 等待下载安装完成;(我试的时候下载不太稳定,尝试了很多次才下载完成, 不过幸好有断点续传) 。安装完后下一步就可以了。

如果在这一步看到的镜像列表为空,说明上面的那些配置肯定有地方配的不对,先回过头来对照检查下是哪一步出问题了,处理掉后再来配置AVD。

5. 安装Flutter插件

点击plugins菜单:

搜索flutter,然后点击安装,他会提示要一起安装dart插件,一起安装。

安装完成后重启studio。

6. Flutter下载配置

  • 添加ANDROID_SDK_ROOT环境变量,指向SDK目录(如c:/android/sdk)
  • 下载Flutter,下载地址: https://flutter.io/sdk-archive/#windows,解压到某个目录; 然后配置系统环境变量,在Path中将flutter下的bin目录加入:

  • 7. gradle配置

    从https://mirrors.cloud.tencent.com/gradle/ 下载gradle,(如果是现有项目,查看gradle-wrapper.properties中使用的是哪个版本就下载哪个版本)

    然后放到C:\Users\你的用户名.gradle\wrapper\dists对应的目录下,如:


    然后就可以启动studio进行开发了。

    注意是将整个压缩包一起放入,不需要解压,他会自动解压。

    8. 其它

  • 新的机器安装配置完成后,最好不要先导入旧项目,否则可能会出现编译不了的问题。先使用Android flutter创建一个新的测试项目,这个时候gradle会自动进行某些处理; 完了后再导入旧有项目就可以了。导入旧项目的时候也确保将build目录删掉,否则会报某些文件不存在的异常。
  • 启动虚拟设备的时候,如果报adb不存在,先检查 platform-tools是否已经安装:
  • 如果已经安装还是报这个,重启android studio再尝试下,再不行就按上一步所说的,先创建个新的Flutter测试项目,然后再观察AVD是否可以正常启动。

    最近发表
    标签列表