最近入坑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开发的更多相关文章

  1. 在 macOS 上搭建 Flutter 开发环境

    下载 Flutter SDK flutter官网下载:https://flutter.io/sdk-archive/#macos 若上述链接无法访问,可通过GitHub下载 https://githu ...

  2. 浅谈Flutter(一):搭建Flutter开发环境

    学习内容来自: Flutter中文网  . Flutter实战 -------------------------------------------------------------------- ...

  3. 搭建Flutter开发环境需要注意的几个小Tips

    目录 下载SDK 安装 Android Stdio + SDK + tool SDK + 创建模拟器 + 插件(flutter和dart) Xcode + cocoapods VSCode + Flu ...

  4. 入门: 在Windows上搭建Flutter开发环境

    使用镜像 由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中: export PUB_HOSTED_URL=htt ...

  5. 在windows系统搭建Flutter开发环境

    开发环境搭建(Windows) 系统要求 设置FLutter镜像(非必须) 获取Flutter SDK Android开发环境设置 安装Flutter插件 系统要求 在Windows上要安装并运行Fl ...

  6. Windows搭建flutter开发环境以及android&idea配置

    Flutter:是谷歌新推出的一款能够支持Android和IOS跨平台开发的全新的UI框架. 拥有自己的一套UI渲染引擎,所以目前的测试数据来看,在性能上面,并没有比原生App性能低多少,所以目前来看 ...

  7. 一下午简单写个搭建Flutter开发环境,dome跑起来!

    1.下载flutter包由于需要翻墙,国内下载会出现问题,所有需要先配置一下用户环境变量. export PUB_HOSTED_URL=https://pub.flutter-io.cn export ...

  8. Flutter开发进阶学习指南Flutter开发进阶学习指南

    Flutter 的起源 Flutter 的诞生其实比较有意思,Flutter 诞生于 Chrome 团队的一场内部实验, 谷歌的前端团队在把前端一些"乱七八糟"的规范去掉后,发现在 ...

  9. Flutter web环境变量搭建及开发

    使用flutter开发app已有三个月,有一些行为形成了惯性,在搭建flutter web环境变量时走了不少的坑,分享出来,免得其他小伙伴再走一遍. 首先flutter的版本要使用1.5及以上版本 d ...

随机推荐

  1. [LC] 40. Combination Sum II

    Given a collection of candidate numbers (candidates) and a target number (target), find all unique c ...

  2. [LC] 198. House Robber

    You are a professional robber planning to rob houses along a street. Each house has a certain amount ...

  3. python语法基础-函数-基础-长期维护

    ###############    函数的定义调用,返回值和返回值接收    ############## def mylen(): s = "myname" i = 0 for ...

  4. vue表格业务

    https://www.jianshu.com/p/79f39f2c1382 https://blog.csdn.net/zhongshijun521/article/details/78390614 ...

  5. MOOC(7)- case依赖、读取json配置文件进行多个接口请求-测试类中调用封装的mock(10)

    封装mock后,在单元测试中调用 # -*- coding: utf-8 -*- # @Time : 2020/2/11 8:35 # @File : test_class_10.py.py # @A ...

  6. EMP平台简介(转载)

    1.什么是EMP EMP平台是一个基于J2EE体系的.WEB应用的.基础框架平台: 表现逻辑框架(MVCFrameWork)与业务逻辑框架(EMPBizLogic)分离: 组件化.配置化设计技术: 可 ...

  7. 监控Linux系统节点和服务CPU内存性能

    1.获取信息 #!/bin/bash #描述: # 把top信息输入到一个文件内部 #作者:孤舟点点 #版本:1.0 #创建时间:-- :: PATH=/bin:/sbin:/usr/bin:/usr ...

  8. ajax学习相关

    choices参数 当存在某个字段的值只有有限的几个时,如性别(只有男.女),婚否(已婚.未婚)等,这种情况,我们可以用数字来代替这些中文字符,可以减轻数据库的负担,这时,就需要用到choices参数 ...

  9. 文本快速分类利器fasttext使用心得(踩坑之路)

    fasttext是文本分类的一大利器,优点:快,嗷嗷快:缺点:暂未发现.但是我在使用其做文本分类时候还是遇到了挺多坑,今天先总结一个: 网上有人说设置训练参数的时候,ngrams设置大于2可以提高模型 ...

  10. css 控制li点与文字的距离

    ul>li 默认的样式如下 前面的点与文字是有间距的 可见,通过设置 text-indent 属性可以调整li点与文字的距离