• [转]搭建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博客文章一键转载插件

  • 相关阅读:
    如何使用VS2013进行单元测试和查看代码覆盖率
    荔枝架构演进历程读后感
    关于海尔电商峰值系统架构读后感
    苏宁易购:商品详情系统架构设计读后感
    第二阶段冲刺第四天
    第二阶段冲刺第五天
    第二阶段冲刺第三天
    第二阶段冲刺第二天
    第二阶段冲刺第一天
    第一阶段末尾
  • 原文地址:https://www.cnblogs.com/admans/p/12508990.html
Copyright © 2020-2023  润新知