Flutter入门——环境搭建与虚拟机安装

Flutter入门——环境搭建

一、认识Flutter

Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、开源的。

废话不多说直接进入正题。因为没有MAC设备,所以只演示Windows环境的搭建。

二、必要条件

  • **操作系统: **必须windows7以上64位操作系统。(这个一般都能很好的满足)
  • **磁盘空间:**大于3个G,虽然官方说的是400M,但是你还需要安装Android Studio 和 虚拟机,所以至少要3个G左右,如果能达到5个G就更好了(满足多个虚拟机的要求)。
  • 需要Git:Flutter在依赖下载的时候需要使用Git
  • java环境:因为flutter还是基于Android,所以需要java环境

三、环境搭建

下载flutter sdk
  1. ​ 到flutter官网下载flutter sdk,下载地址:https://flutter.dev/docs/development/tools/sdk/releasesFlutter入门——环境搭建与虚拟机安装_第1张图片

我现在使用的是红色框标记的版本,建议版本不要太低,因为版本低会遇到Android X的问题。

  1. 下载完成之后将flutter Sdk压缩包解压到你想放的路径下即可。

  2. 在Flutter安装目录的flutter文件下找到flutter_console.bat,双击运行并启动flutter命令行,接下来,你就可以在Flutter命令行运行flutter命令了。
    Flutter入门——环境搭建与虚拟机安装_第2张图片

  3. 如果想让flutter在任何地方都能运行那就要配置环境变量
    Flutter入门——环境搭建与虚拟机安装_第3张图片

  4. 检查安装是否成功,使用flutter doctor命令
    Flutter入门——环境搭建与虚拟机安装_第4张图片

    这里有三个检查项是标记出来的,其中前两个是必须安装的选项,分别是Flutter SDK和Android SDK,如果没有安装过,Android SDK前面应该是【X】,那就需要安装,第五个检查项是检查机器是否安装IDEA,第六个是机器是否连接移动设备

安装Android Studio
  1. 安装Android Studio,下载地址:https://developer.android.google.cn/studio/,具体的安装过程就不演示,因为时间很长。安装过程中会有提示安装Android SDk,这样就不需要单独下载安装Android SDk了。
    Flutter入门——环境搭建与虚拟机安装_第5张图片

  2. Android Studio安装成功之后的下一步操作就是安装Flutter 插件,主界面如下:

    Flutter入门——环境搭建与虚拟机安装_第6张图片

    通过上图标注部分可以看到,安装Flutter插件的同时也会安装Dart插件,这就不需要单独安装Dart插件了。

  3. 安装完成之后再次在控制台输入flutter doctor命令,会出现下面的情况

    img

    上面的情况是Android Studio已经安装成功,但是没有安装Android 证书,按照提示执行命令

    flutter doctor --android-licenses
    

    执行过程中会出现很多次需要确认的场景,全部选择Y就行。执行完毕后再次执行flutter doctor命令

    现在Flutter开发环境就算全部搭建完成了。

四、虚拟机安装

​ 网上教程一般使用Android Studio的虚拟机来进行调试,但是实际使用时候暴露出很多问题,尤其是在热重载的时候经常会出现无法重载,必须要重启虚拟机才可以,比较推荐的方式是使用真机调试,只需要使用数据线连接手机,将手机的开发者模式打开,然后进入开发者选项打开USB调试和USB安装即可。

Flutter入门——环境搭建与虚拟机安装_第7张图片

还有一种选择是安装模拟器。

你可能感兴趣的:(Flutter,flutter)