搭建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 ...
随机推荐
- docker启动遇到的问题
转:https://blog.csdn.net/w1316022737/article/details/83692701 遇到问题: Job for docker.service failed bec ...
- 实战_2:eclipseRCP项目结构
RCP项目目录结构如下: src: java源码目录 bin:class文件目录 JRE System Library: 系统类库依赖,主要是JDK,JRE相关的 Plugin-in Dependen ...
- PostgreSQL 安装之 CentOS 7 x64 RPM 安装
PostgresQL 安装环境 一.CentOS 7 安装 1. 环境说明 CentOS7 PosgreSQL 11.2 2. 在线安装 到目前为止(2019-08-10),CentOS7 默认携带了 ...
- 2010提高组-C]关押罪犯(扩展域并查集
题:https://www.cometoj.com/problem/0073 #include<bits/stdc++.h> using namespace std; ; struct n ...
- IoC容器设计
本文主要摘录于 Spring技术内幕-深入即系Spring架构和设计原理(许文柯著). IoC是根据两个核心BeanFactory和ApplicationContext来设计的,这里先放一张Spri ...
- deeplearning.ai 神经网络和深度学习 week4 深层神经网络
1. 计算深度神经网络的时候,尽量向量化数据,不要用for循环.唯一用for循环的地方是依次在每一层做计算. 2. 最常用的检查代码是否有错的方法是检查算法中矩阵的维度. 正向传播: 对于单个样本,第 ...
- LeetCode Day 8
LeetCode0015 给定一个包含 n 个整数的数组 nums,判断 nums 中是否存在三个元素 a,b,c ,使得 a + b + c = 0 ?找出所有满足条件且不重复的三元组. 例如, 给 ...
- web前端校招笔试题集锦
写一个求和的函数sum,达到下面的效果 // Should equal 15 sum(1, 2, 3, 4, 5); // Should equal 0 sum(5, null, -5); // Sh ...
- Steve Lin:如何撰写一篇优秀的SIGGRAPH论文
Lin:如何撰写一篇优秀的SIGGRAPH论文" title="Steve Lin:如何撰写一篇优秀的SIGGRAPH论文"> 英文原版 PPT下载:http:// ...
- js - __proto__ 、 prototype和constructor
零.资料与前言 0x1 材料: 1.帮你彻底搞懂JS中的prototype.__proto__与constructor(图解) 0x2 前言 之前也尝试总结过 js 中的 __proto__ . pr ...