美文网首页
搭建Flutter开发环境

搭建Flutter开发环境

作者: 前端小菜鸟_简单 | 来源:发表于2019-07-19 14:38 被阅读0次

第一步配置 java JDK

1.1 打开百度搜索 java jdk下载

image.png
1.2 选择第一个点击进入 点击 接收许可协议
image.png
根据需求选择你们的版本 是windows系统还是 linux 系统 还是mac系统。
但是:(现在的现在jdk是要进行oracle账号注册登录的,所以需要小伙伴你们去注册)
我这里有一份 window x64的 window小伙伴可以使用,有需要的小伙伴可以下载
链接:https://pan.baidu.com/s/1GceJ4zyg4n_S2P6AWYiiCg
提取码:h6ge

1.3下载之后进行安装

image.png
就是这个 我已经安装好了就不进行演示了 就是呆瓜安装,跟着一步一步走。
查看有没有安装好 打开crm(点击ctrl旁边图标也就是鼠标右键+R)

输入cmd点击回撤进入命令行页面 里面输入java
image.png
如果出现这些个内容说明安装成功了

第二步 配置 Flutter SDK

2.1 打开flutter官网 点击下载最新 版本 这个可能需要网络问题 如果你是在国内的话 可能会下载比较慢或者下载中间会出现问题
我这里有window 下载好的版本 希望能帮到小伙伴
链接:https://pan.baidu.com/s/1Jjlpj4qgtal6igcim8kr_A
提取码:ck22
2.2 进行解压配置
解压之后应该是一个flutter文件夹 点击进入 看到bin的文件夹点击进去复制路径 默认应该是 D:\flutter\bin我的是放到D盘的 复制这个路径
然后回到桌面右击我的电脑


image.png
image.png
好了就这样 说那么多的话不如直接上图
还是同样的操作如果想看安装成功没 打开cmd 输入flutter出现下图中的内容的话就是安装很成功的了

第三步 安装Android Studio

3.1点击下载 会给出你电脑最设配的一个版本 这个有点大

image.png
链接:https://pan.baidu.com/s/1TzF0xdvt2sb3N9hyyZJADw
提取码:dtze
一如既往的提供一份window系统的
安装步骤就不说了 跟qq微信安装步骤一样 但是第一次安装的小伙伴注意了 可能需要安装一些配置东西 可能需要借助外网的助力好了 这里就结束了
3.2 android studio下载flutter
image.png
安装好之后进入应该是这个页面
点击右下角 configure> Plugins进入这个页面
image.png
这个时候需要下载flutter 和dart 但是只要下载好flutter dart会自动下载(注意:这个下载也是需要外网的助力的)
下载之后重启下android studio 会多出一个flutter
image.png

第四布 配置虚拟机

4.1 点击上面的start flutter 会出现这个页面 选择第一个点击进去

image.png
image.png
再次点击next 然后再次点击进入看到这个页面上面的那个名称什么的我就不一一介绍了

4.2点击头部 tools>AVD manager下面这个状态进入到
image.png
你们第一次的话是没有什么的 点击左下角的+create选择你需要的手机类型型号 然后点击next
image.png
image.png

回到这个页面 点击右边的三角形 你的虚拟机就加载出来了


image.png
image.png

你想查看你的flutter 都安装成功了没 再次打开cmd 输入 flutter doctor


image.png

说明你的android studio 上面的 flutter安装的很成功了。
在这里希望能给小伙伴的帮助吧 写的不是很好,如果小伙伴们哪里不是很清楚的话 可以私信或者留言!!!!

相关文章

网友评论

      本文标题:搭建Flutter开发环境

      本文链接:https://www.haomeiwen.com/subject/mpbjlctx.html