码迷,mamicode.com
首页 > 其他好文 > 详细

搭建flutter开发环境

时间:2020-03-11 01:30:36      阅读:62      评论:0      收藏:0      [点我收藏+]

标签:text   emulator   conf   基本   cto   tools   http   ash   cancel   

最近入坑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开发环境

标签:text   emulator   conf   基本   cto   tools   http   ash   cancel   

原文地址:https://www.cnblogs.com/wangzehui/p/12458886.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!