搭建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%\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的环境配置