Flutter 入坑:开发环境的配置
这是一篇经历两天的折腾才成功之后写下的博客…
也算是记录一下自己的学习过程了~
近期呢,想学习一下也不算新出的Flutter.js,至于其介绍什么的呢,官网讲的很是清楚了,话不多说,我们直接来看看怎么配置Flutter的开发环境吧。
本人电脑环境为:
window10 64位
Git
java环境
我的配置过程主要参考了Flutter 中文网的开发环境配置过程:
小伙伴也可以直接前往:
https://flutterchina.club/setup-windows/
1. 使用镜像
由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,我们将如下环境变量加入到用户环境变量中:
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
也就是配置我们的环境变量:
好的,我们这样我们就配置好我们的环境变量了~
2. 下载Flutter SDK
首先我们需要下载Flutter SDK:
去flutter官网下载其最新可用的安装包 :
https://flutter.io/sdk-archive/#windows
我在这里呢也提供我下载的版本,不嫌弃的小伙伴可以使用:
链接:https://pan.baidu.com/s/1RsltJCkxfjOs5PysKQKutg
提取码:4ca8
将安装包zip解压到你想安装Flutter SDK的路径(如:C:\src\flutter;注意,不要将flutter安装到需要一些高权限的路径如C:\Program Files\)。
我呢,就放在C:\src\flutter里面了。
在Flutter安装目录的flutter文件下找到flutter_console.bat,双击运行并启动flutter命令行,接下来,你就可以在Flutter命令行运行flutter命令了。
当然,这只是临时窗口,我就把他配置到环境变量里面去了:
这样我们就可以随时使用命令行了
3.运行 flutter doctor
打开一个新的命令提示符或PowerShell窗口并运行以下命令以查看是否需要安装任何依赖项来完成安装:
flutter doctor
现在我们肯定会看到一些报错:
可惜没有保存下来过程的截图,下面的某些截图可能来自其他人,如若侵权,联系即删:
大概呢就是这样:因为我们还没有安装Android Studio
可能还有些伙伴还多了一些,想我的话就安装了idea和Vs code,这样的话也会有提示Flutter的插件没有安装(可惜没有截图了~)
4.安装Android Studio
官网下载传送:https://developer.android.com/studio/index.html
我的下载版本分享:
链接:https://pan.baidu.com/s/1zQw-wZvhhAs3SUxH0cfRbA
提取码:syzx
安装过程基本是默认安装:
这样我们就安装完成了~
打开就是下面这样:
然后我们需要去配置相关代理什么的:
这个是我的配置:
那两个网址也给大家复制出来:
https://plugins.jetbrains.com/
mirrors.neusoft.edu.cn
关于SDK的话,我是使用了里面提示我的下载给下载了:
好像是一开始安装好就有一个弹框,然后我就顺着操作了。
这里可以看到我的下载版本:
如果忽略了前面的弹窗的朋友们好像这里是不能选的,如果印象没有出错的话。
但是也还是会有下面这种提示的,你按着提示也能下载完成。
这样的话,我们的SDK还有tools就安装成功了~
但是不要忘记去配好我们的环境变量哦,不然是会出现问题的呢:
将Android Studio的路径配置到ANDROID_HOME变量中:
我忘了我是不是遇到什么问题了,也将这个路径配置到了path变量中:
5.安装Android Studio 中的Flutter和Dart插件
我们点击Plugins进入插件下载页面:
搜索Flutter,进行下载,会一起下载Dart的:
这个就是下载之后可以看到的:
还有首页的:
这样就可以了~
6.执行检查flutter doctor
这个时候我们再去验证一下:
发现我们已经装好了Android Studio 还有其需要的Flutter和Dart插件了,也就是第三项已经打上了绿色的勾勾。
那我们要解决一下第二个提示我问题(能到这一步我可是遇到了不少问题,甚至还卸载重装过),也就是我们要同意它的许可证
按照提示呢,我们就输入:
flutter doctor --android-licenses
然后我们一路y就可以了
我们再次检查的时候,就可以发现这个错误已经解决了
还有提示idea没有安装插件的提示,我们暂时先不需要管,应该下载完插件就不会有的了。
最后一个呢是提示我们还没有安装虚拟设备,也是没有大问题的。
可以创建Flutter项目了。
附录:
记录一个因jdk版本过高而报错的问题:
Android license status unknown.
Try re-installing or updating your Android SDK Manager.
See https://developer.android.com/studio/#downloads or visit https://flutter.dev/setup/#android-setup for detailed
instructions.
以上这个问题,可能有不同的原因,我找了好久才发现是因为我的java jdk版本过高,于是降到1.8.0就解决了~
总结:没有从一开始就记录,文档可能还是不够全,期间遇到各种各样的问题,搜索过各种各样的博客,如果能够记录下遇到的各种问题就更好一点,但是解决问题的关键就是jdk版本问题,这个印象深刻,还好没有放弃,最后还是完成了!开心!!
后续:
创建第一个Flutter项目以及成功运行已经实现了,传送:
链接: 创建 FLutter第一个应用Hello World.
本文地址:https://blog.csdn.net/wu_yans/article/details/108124265
上一篇: 阿尔法小蛋怎么连接wifi?阿尔法小蛋连接wifi教程
下一篇: 煮粥什么时候放碱