Flutter环境搭建以及诸多准备

写在前面:近些年flutter慢慢变得火热了起来,连阿里都拿咸鱼来试水。我们这些安卓开发者也应该与时俱进地学一学,更新一下自己的技术栈,拥抱变化。

PS:本教程适用于Win10+AndroidStdio.未安装AndroidStdio的自行到http://www.android-studio.org/ 下载并安装即可,安装好AndroidStdio后需要在SDKmanager中选择想要使用的AndroidSDK版本,安装即可。
.
.
.

1.下载FlutterSDK:
打开https://flutter.cn/docs/development/tools/sdk/releases
选择最新版的的SDK开始下载。
.

2.配置环境:
将下载好的压缩包放在除了系统盘外的盘符。
然后解压缩后,打开bin文件夹,复制文件路径。例如我的就是:
在这里插入图片描述
右击我的电脑---->属性------->高级系统设置------>环境变量------->Path------>编辑------>新建
------>将我们复制的路径拷贝进去即可。

3.配置AndroidStdio
然后我们打开命令提示符,输入flutter然后回车,这里可能会呆滞一下。一会就会弹出我们下载的flutterSDK的版本。
在这里插入图片描述
然后我们输入flutter doctor 我们看到下面的样子
在这里插入图片描述我们可以看到4个√和一个!
第一个代表我们的flutterSDK的信息
第二个代表安卓SDK版本
第三个代表AndroidStdio中fluttter插件的安装情况
第四个我们可以忽略,他代表了idea这个编译器中fluttter插件的安装情况
第五个代表我们的虚拟机的情况。

并且会让你同意几个协议,我们同意即可。

如果第一个有问题,我们需要重新下载flutterSDK并配置环境变量
第二个有问题我们需要看看SDK是不是已经下载了。
第三个有问题我们需要打开AndroidStdio,打开setting,然后点击plugin,输入flutter,然后下载安装名为flutter的插件即可。
如果第五个有问题,如果你的AndroidStdio
之前没有新建过虚拟机,打开AVDmanager,配置一个虚拟机(api>21)然后运行即可。如果你已经有了虚拟机,直接打开就行。

在所有的这一切完成之后,我们重新运行flutter doctor命令,然后就会发现所有的 X 还有 ! 都变成了√。(如果还不行说明没有配置成功,阅读以下提示然后重新配置)

4.第一个flutter小项目
我们重启AndroidStdio,然后新建一个FlutterProject,直接运行,会出现:
在这里插入图片描述
到这里,我们的flutter环境就搭建好了。

发布了47 篇原创文章 · 获赞 15 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/qq_41525021/article/details/104254325
今日推荐