zoukankan      html  css  js  c++  java
  • [转]搭建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% ools

           点击三个确定

            

        

       然后命令提示符输入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的环境配置

          


    ---------------------
    作者:抛弃代码也不能抛弃你
    来源:CNBLOGS
    原文:https://www.cnblogs.com/wangzehui/p/12458886.html
    版权声明:本文为作者原创文章,转载请附上博文链接!
    内容解析By:CSDN,CNBLOG博客文章一键转载插件

  • 相关阅读:
    [转贴]彻底解决 CrystalReports 登录失败问题。
    [资源]《就说》——《大学自习室》作者郝雨又一力作,继续那种搞笑的说唱
    [推荐]一个用来给控件做提示的JS脚本,鼠标移到控件上时出现提示,离开时消失!
    [原创]一个公告栏的源码(利用marquee作的)
    [转帖]DataGrid显示双层表头,即可实现合并单元格问题
    [转贴]15句让女生爱你一生的情话
    [疑问]您没有调试该服务器的权限。验证您是服务器上"Debuger Users"组的成员。
    [转帖]九个不可不占的便宜
    [转贴]秘芨(男孩子为了终身幸福,最好背下来哦)
    [转贴]也许放弃也是一种爱!++++++++觉得这篇文章写得不错
  • 原文地址:https://www.cnblogs.com/admans/p/12508990.html
Copyright © 2011-2022 走看看