从零学习Fluter(二):win10上环境搭建以及模拟器和真机调试

 

 

今天呢，又继续看了flutter 弗拉特 的东西，绝的这个东西绝对是比ReactNative更高一层次的，在2018年12月5好，flutter的第一个stale1.0发布了，咱们在GitHub上能够看到，以前在github上只有dev，分支和beta分支，许多用flutter开发的app都是用的beta分支上的sdk，那么从今天开始，咱们就能够用stale分支的版本开发了，stale分支的变更更新不会那么的频繁，官方说是按季度跟新，也就是三个月更新一次，这一点就深得开发者喜欢，不用频繁更新，吐槽一下RN，RN一个月跟新一次，RN你咋还不1.0呢...

废话也很少说了，接着就开始撸码。

一.简单说一下环境搭建过程，这个过程比较简单，没有RN那么复杂，咱们就按着官网的来。

 1.1 点击这里，下载flutter sdk压缩包 https://flutter.io/docs/get-started/install/windows

 

 1.2 下载到本地，点击文件运行bat文件

1.3 配置一下环境变量，将bin目录指向path

、

1.4还须要安装git bash/git for window，就是下图这个玩意

1.5 安装完成后，打开git bash或者powershell，运行flutter doctor检测一下你的环境是否ok，

在这里再补充一点，有时候你们第一次完可能回卡在gradle初始化上，而且会发如今这句代码

此时咱们能够根据提示运行

flutter doctor -v

flutter doctor --android-licenses

便可搞定

 

1.6 若是你第一次安装，运行flutter doctor，若是你没有在Android studio 中安装插件，他会提示你错误让你安装插件，须要安装的是dart的插件和flutter的插件

搜索dart和flutter

1.7安装插件完成,再次运行flutter doctor检测，没有问题，方可运行flutter create [appName]

1.8 这里咱们用vs code 这款ide进行开发，上一步安装成功后，进入wchatapp文件夹，运行flutter run，关于插件的安装我就很少说了，

 

二.模拟器的使用

2.1这里咱们使用genimoiton

如图我已经将一个官方提供的demo安装到模拟器上

2.2 这里说一下关于genomition的东西

2.2.1 字体大小，咱们能够调节一下分辨率

2.2.2 咱们能够在系统设置里，改一下系统的字体大小和显示大小以及系统的语言

2.3为何要调一下这些呢？看着舒服呗，我是老年人了，小字太费眼睛

2.4再说一下为什么用这款模拟器而不用其余的，缘由是我感受这款模拟器吃内存小，并且能够方便的建立不一样型号的虚拟器设备

2.3 这里再补充一点，若是你的机器上链接了不止一个设备，好比说有真机，还有模拟器，那么你容许flutter run 他会提示你选择在

哪一个设备中安装，如图

这时你只须要 加上-d [设备Id便可]

这里我选择在模拟器上安装，如图

另外再多说一句，

 使用flutter devices或者adb devices均可以看你当前机器上的链接设备

 

 

今天就介绍到这里，欢迎你们加入个人群进行讨论。