Flutter入坑笔记(1)win10 开发环境配置

好久没有写博客了,对不起,各位一直关注我的小伙伴,笔者一直在找工作,嗯,裸辞了一个月还是没有找到如意的工作,嗯,但是翻来覆去琢磨琢磨我还是写一点有用的东西吧。flutter 很火,嗯,真的很火,现在笔者和大家一起入门,第一课配置开发环境;

1、配置 Android开发环境

在我的电脑 luncher 点击右键进入属性,如下图:
Flutter入坑笔记(1)win10 开发环境配置_第1张图片

Flutter入坑笔记(1)win10 开发环境配置_第2张图片
Flutter入坑笔记(1)win10 开发环境配置_第3张图片
这里 ANDROID_HOME 变量值 填写你的 android sdk 的路径。
重启电脑

2、下载 安装 android studio

贡献笔者下载as 的网页:官方 as 下载网页

安装 as 的步骤就不说了,百度一下就好,如果作为一个 Android 开发者连这个都不会,那就,嗯,你适合做后端嘛?转行吧。

3、下载 flutter 开发需要的插件

根据下面的图进行操作
Flutter入坑笔记(1)win10 开发环境配置_第4张图片

不要说笔者为什么已经有 flutter 项目,因为笔者没有两部电脑;
Flutter入坑笔记(1)win10 开发环境配置_第5张图片
搜索框输入 flutter 点击回车 ,看见左上角第一个那个熟悉的图标了吗 ,点击下面 install 按钮
flutter 开发需要的插件
点击 yes
安装完成 重启 as

Flutter入坑笔记(1)win10 开发环境配置_第6张图片
现在你的 as就有这个熟悉的图标的 下面你可以创建一个 flutter 的项目了,但是由于你还没 flutter sdk 那么这里会显示一个让你下载sdk 选项 ,你进行选择下载就好了,笔者不在进行复现。

4、配置 flutter 的开发环境

Flutter入坑笔记(1)win10 开发环境配置_第7张图片
Flutter入坑笔记(1)win10 开发环境配置_第8张图片
你的 flutter bin 的目录

5、转入命令行

win 键+ r
Flutter入坑笔记(1)win10 开发环境配置_第9张图片
输入 cmd
Flutter入坑笔记(1)win10 开发环境配置_第10张图片
输入 future 出现如下界面 证明 配置完成
Flutter入坑笔记(1)win10 开发环境配置_第11张图片
不要开心太早 ,检查你的项目 是否允许 不是这个命令哈,需要输入如下命令
flutter doctor 然后 ,笔者出现如下界面
Flutter入坑笔记(1)win10 开发环境配置_第12张图片
如果 你的每一个 中括号 都是 √ 那么恭喜你 ,下面的都不用看了。
情况 (Some Android licenses not accepted.)和 笔者一样的继续向下走就是了
输入 flutter doctor --android-licenses 然后 一直输入 y 之后是一堆 申请权限 的命令 ,然后 再次输入 flutter doctor 检查情况
Flutter入坑笔记(1)win10 开发环境配置_第13张图片
由于 笔者电脑 安装着 as 和 IEDA 两个 开发工具 而 idea 没有 安装 flutter 插件 ,然后,笔者将idea 也安装了 flutter 插件 再次 输入 flutter doctor 出现下面场景
Flutter入坑笔记(1)win10 开发环境配置_第14张图片
插上 测试机 或者是 安装个模拟器 再次输入 flutter doctor 命令 出现 如下场景 配置完成
Flutter入坑笔记(1)win10 开发环境配置_第15张图片

6、配置成功 运行项目

运行项目

Flutter入坑笔记(1)win10 开发环境配置_第16张图片

欢迎关注

你可能感兴趣的:(混合开发)