搭建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 ...
随机推荐
- [LC] 40. Combination Sum II
Given a collection of candidate numbers (candidates) and a target number (target), find all unique c ...
- [LC] 198. House Robber
You are a professional robber planning to rob houses along a street. Each house has a certain amount ...
- python语法基础-函数-基础-长期维护
############### 函数的定义调用,返回值和返回值接收 ############## def mylen(): s = "myname" i = 0 for ...
- vue表格业务
https://www.jianshu.com/p/79f39f2c1382 https://blog.csdn.net/zhongshijun521/article/details/78390614 ...
- MOOC(7)- case依赖、读取json配置文件进行多个接口请求-测试类中调用封装的mock(10)
封装mock后,在单元测试中调用 # -*- coding: utf-8 -*- # @Time : 2020/2/11 8:35 # @File : test_class_10.py.py # @A ...
- EMP平台简介(转载)
1.什么是EMP EMP平台是一个基于J2EE体系的.WEB应用的.基础框架平台: 表现逻辑框架(MVCFrameWork)与业务逻辑框架(EMPBizLogic)分离: 组件化.配置化设计技术: 可 ...
- 监控Linux系统节点和服务CPU内存性能
1.获取信息 #!/bin/bash #描述: # 把top信息输入到一个文件内部 #作者:孤舟点点 #版本:1.0 #创建时间:-- :: PATH=/bin:/sbin:/usr/bin:/usr ...
- ajax学习相关
choices参数 当存在某个字段的值只有有限的几个时,如性别(只有男.女),婚否(已婚.未婚)等,这种情况,我们可以用数字来代替这些中文字符,可以减轻数据库的负担,这时,就需要用到choices参数 ...
- 文本快速分类利器fasttext使用心得(踩坑之路)
fasttext是文本分类的一大利器,优点:快,嗷嗷快:缺点:暂未发现.但是我在使用其做文本分类时候还是遇到了挺多坑,今天先总结一个: 网上有人说设置训练参数的时候,ngrams设置大于2可以提高模型 ...
- css 控制li点与文字的距离
ul>li 默认的样式如下 前面的点与文字是有间距的 可见,通过设置 text-indent 属性可以调整li点与文字的距离