搭建flutter开发环境

2019/04/10 10:10
阅读数 21

最近入坑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的环境配置

      

 

原文出处:https://www.cnblogs.com/wangzehui/p/12458886.html

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部