搭建flutter开发
最近入坑flutter,dart还没开始学,搭环境就干了我一天半,不容易,记录一下,
我们先立个目标,这是我已经配好的,我是真的有强迫症,需要打四个对勾,真的不容易,我们一个一先说一下每一个都代表什么,

1.flutterSDK
2.AndroidSDK
3.Android studio IDE 环境配置
4.是否链接模拟器和真机
0202年了,要求机器配置就不说了 ,基本都满足,直接开始
flutterSDK
有人用git下载,闹了半天,出了很多事故,还是决定手动下载安装包,下载地址:https://flutter.cn/docs/get-started/install/windows

下载下来是一个压缩包,解压后,放在你自己相放的目录中,记住他在哪里,因为要配环境变量
右键我的电脑,属性——》高级系统设置——》环境变量,在系统变量中找到path双击,点击新建

找到你的flutter的bin目录,粘贴上,到这里,flutter的SDK就配置好了
可以到命令提示符里测试一下,看到这个说明第一步已经成功了

Android SDK
我的Android SDK是android studio自动下载的,所以需要先去下Android Studio
网址:https://developer.android.google.cn/studio
直接点击那个最显眼的下载就行,下载完成后,点击第一个next会出现下面这个图,把它勾上,那是个安卓模拟器,调试的时候需要用到,剩下的就是路径和安装,就不说了

这一步是引入配置,点ok

这一步是说你需要添加Android SDK了,先点击cancel,一会就提示自动装了,欢迎页面点next

这里是关键,问你是默认安装还是自定义安装,我有电脑洁癖,所以我这里选自定义,点击next,

jdk安装目录,不用动,next
主题随意

到关键地方了,开始下载SDK,镜像一定要勾上,不然一会也得下,还可能会掉坑里,E盘是我的开发盘,直接就放E盘了,然后点击next

这里默认吧,不要动了,next

直接finish,开始下载,稍等片刻,点击finish,SDK就下载好了,之后会有一个新建项目的窗口,先最小化


配置环境变量
变量名:ANDROID_HOME 变量值:SDK目录地址

追加系统变量path
第一个:%ANDROID_HOME%\emulator 第二个:%ANDROID_HOME%\platform-tools 第三个:%ANDROID_HOME%\tools
点击三个确定

然后命令提示符输入adb测试,看到这个,说明已经配置好了

我们输入flutter doctor测试一下,他说让我们从新装,当然不是正确答案,还记得finish后的界面吗?
我们需要另外下载一个包才能解决这个问题,点击右下角的configure

进入界面,选择SDK Tools,勾选Android SDK tools,点击apply ok,ok,Accept,next,安装就好了,就是这个坑。让我花了一晚上时间
完成后点击finish

然后运行一下他上面写的命令, flutter doctor --android-licenses 运行后,后面的全选y就行

再执行一次flutter doctor就好了

到这就装好两个了
配置android studio环境
还是刚才的欢迎页,选择plugins,输入flutter,网速有些慢的需要等
点击install,点击accept

提示安装dart,选择yes

重启IDE 点击Restart IDE 点击Restart ,重启后,环境就配置好了,再运行一次flutter doctor IDE也配置好了


模拟器
最后一个感叹号是说没有连接一个设备,也就是说模拟器和真机必须连接一个,我们下载过模拟器,模拟器运行的时候或者真机连接电脑的时候,再拿命令测试一次就好了
还是欢迎页,点击Start a new Flutter project 创建一个flutter项目,配置项就这些,finish


点击右上角倒数第四个图标,AVD Manger,点击运行,可能会有错误弹窗,多试几次,然后还有个警告弹窗,大概意思是说性能低下,需要更新,点击ok,无需理会即可


此时模拟器就会在左方出现,再次运行命令flutter doctor,就完成了整个flutter的环境配置

搭建flutter开发的更多相关文章
- 在 macOS 上搭建 Flutter 开发环境
下载 Flutter SDK flutter官网下载:https://flutter.io/sdk-archive/#macos 若上述链接无法访问,可通过GitHub下载 https://githu ...
- 浅谈Flutter(一):搭建Flutter开发环境
学习内容来自: Flutter中文网 . Flutter实战 -------------------------------------------------------------------- ...
- 搭建Flutter开发环境需要注意的几个小Tips
目录 下载SDK 安装 Android Stdio + SDK + tool SDK + 创建模拟器 + 插件(flutter和dart) Xcode + cocoapods VSCode + Flu ...
- 入门: 在Windows上搭建Flutter开发环境
使用镜像 由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中: export PUB_HOSTED_URL=htt ...
- 在windows系统搭建Flutter开发环境
开发环境搭建(Windows) 系统要求 设置FLutter镜像(非必须) 获取Flutter SDK Android开发环境设置 安装Flutter插件 系统要求 在Windows上要安装并运行Fl ...
- Windows搭建flutter开发环境以及android&idea配置
Flutter:是谷歌新推出的一款能够支持Android和IOS跨平台开发的全新的UI框架. 拥有自己的一套UI渲染引擎,所以目前的测试数据来看,在性能上面,并没有比原生App性能低多少,所以目前来看 ...
- 一下午简单写个搭建Flutter开发环境,dome跑起来!
1.下载flutter包由于需要翻墙,国内下载会出现问题,所有需要先配置一下用户环境变量. export PUB_HOSTED_URL=https://pub.flutter-io.cn export ...
- Flutter开发进阶学习指南Flutter开发进阶学习指南
Flutter 的起源 Flutter 的诞生其实比较有意思,Flutter 诞生于 Chrome 团队的一场内部实验, 谷歌的前端团队在把前端一些"乱七八糟"的规范去掉后,发现在 ...
- Flutter web环境变量搭建及开发
使用flutter开发app已有三个月,有一些行为形成了惯性,在搭建flutter web环境变量时走了不少的坑,分享出来,免得其他小伙伴再走一遍. 首先flutter的版本要使用1.5及以上版本 d ...
随机推荐
- 《C Prime Plus》第九节笔记
第九节 函数 9.1 复习函数 函数原型 function prototype 函数调用 function call 函数定义 function definition 形参 实参 典型的ANSI C函 ...
- Derby 命令
SHOW [ TABLES | VIEWS | PROCEDURES | FUNCTIONS | SYNONYMS ] { IN sche -- 列出表.视图.过程.函数或同义词 SHOW INDEX ...
- java基础归纳
目录 1.java的8种基本数据类型: 2.java的三大特性 3.[public.private.protected区别]-访问权限 4.重载与重写区别 5.Throwable类.Error与Exc ...
- eclipse 大括号改为C语言一样的代码块
如图:找到Windows->Preferences->Java->Code Style->Formatter: 然后,点击右边的Edit按钮: 按如下图完成
- python3之urllib代理池
1.常见状态吗 301:重定向到新的URL,永久性302:重定向到临时URL,非永久性304:请求的资源未更新400:非法请求401:请求未经授权403:禁止访问404:没找到对应页面500:服务器内 ...
- MOOC(3)- python发送请求,返回的json数据被转码
https://www.cnblogs.com/yoyoketang/p/10339210.html 问题:发送post请求,对post请求返回的json数据格式化,但是返回的结果被转码了 json. ...
- 千万不要在module里扩展较多逻辑,很容易引起项目异常。
NOP项目 为保持紧跟NOP更新,项目组坚持不改NOP源码. 以触发器,插件化开发为拓展模式 NOP自定义好的接口或完全独立的新拓展功能很容易插件化. 但部分功能要在NOP原项目上扩展修改在不改源码的 ...
- caffe之mac环境下通过XCode调试C++程序
caffe log输出参考:http://blog.csdn.net/langb2014/article/details/50482150mac下用xcode开发caffe:http://coldmo ...
- 关于JavaScript中的==与!的转换问题
最近遇到了一道很有趣的JavaScript试题,感觉很有趣.记录一下免得以后面试遇到 题目是: console.log([]==![],{}==!{},[]==!{},{}==![]) 这道题考察的主 ...
- Linux系统添加新用户
Linux系统中一般不直接使用root用户进行操作,需要添加新的用户. 首先,查看当前系统已有的用户 cat /etc/passwd 查看用户组 cat /etc/group 其次,添加想要的用户组和 ...