目录

第1步.必须下载安装git for windows 2.x版本

第2步.下载,解压 Flutter SDK 包

第3步.将Flutter SDK包添加进环境变量

3.1  按下快捷键Win + R 输入sysdm.cpl 呼出系统属性

3.2  找到Path变量--编辑

第4步:测试flutter环境变量是否成功

 第5步:检查当前系统下是否缺乏某些组件

 第6步:安装visual code

 第7步:创建flutter文件

第八步:运行app


第1步.必须下载安装git for windows 2.x版本

        Git - Downloading Package


第2步.下载,解压 Flutter SDK 包

        2.1  FlutterSDK下载

windows flutter ios真机运行 flutter for windows_环境变量

        2.2  解压至 D:\development\sdks 之类的路径

!!!非常重要:不能将包解压在需要读写权限的路径中,例如:C:\Program Files\ 中。


第3步.将Flutter SDK包添加进环境变量

目的:使得我们可以在命令提示符中的任意路径位置都可以呼叫出 flutter 命令

        3.1  按下快捷键Win + R 输入sysdm.cpl 呼出系统属性

                选择:系统属性>高级>环境变量

windows flutter ios真机运行 flutter for windows_环境变量_02

        3.2  找到Path变量--编辑

                3.2.1 但此时有两个变量,需要注意:

                I:上面为用户变量,指的是你当前登录的用户名下,倘若换另一个用户登录,则该列表下变量全部不同。

                II:下面为系统变量,指的是本电脑下的全局变量,无论任意一个用户登录,该变量都不会变。

根据自己的需求来设定。

windows flutter ios真机运行 flutter for windows_windows_03

                3.2.2  索引到解压开的flutter下的bin文件夹:  .....\flutter\bin;并获得完整路径新增进变量。

windows flutter ios真机运行 flutter for windows_android_04


第4步:测试flutter环境变量是否成功

        在命令提示符下输入flutter ,若是出现以下图像证明配置成功。

windows flutter ios真机运行 flutter for windows_android_05


 第5步:检查当前系统下是否缺乏某些组件

          5.1 在命令提示符下输入,以检查是否缺乏组件

flutter doctor

!!!注意:ios App只能在苹果电脑(Mac)上才能开发,无法在windows系统中开发;

                      windows系统只能开发Android App 

windows flutter ios真机运行 flutter for windows_windows_06

        5.2 flutter已经安装,我们还需要安装Android studio

        1.Android studio下载,安装

        2.打开Android studio的sdk manager,勾选Android SDK Command-line Tools(latest)

windows flutter ios真机运行 flutter for windows_环境变量_07

         3.打开AVD Manager  ---Create Virutal Device.. 创建安卓虚拟机,或是直接用自己安卓手机

windows flutter ios真机运行 flutter for windows_windows_08

选择Phone--Pixel 4XL--Next

windows flutter ios真机运行 flutter for windows_windows_09

 下载最新的Android版本(R)--Next

windows flutter ios真机运行 flutter for windows_windows_10

 为虚拟机起一个名字--Finish--完成虚拟机的创建

windows flutter ios真机运行 flutter for windows_flutter_11

点击绿色的三角形键以开启虚拟机 

windows flutter ios真机运行 flutter for windows_flutter_12

 

windows flutter ios真机运行 flutter for windows_flutter_13

  5.3 可能出现的问题         

windows flutter ios真机运行 flutter for windows_环境变量_14

 解决方法

flutter doctor --android-licenses

 之后都输入 y 回车


 第6步:安装visual code

尽管我们有android studio,但是我只需要它的虚拟安卓机进行调试,

代码编辑的IDE使用visual studio code

         6.1 下载并安装 visual studio code下载

         6.2  点击扩展或是快捷键ctrl+shift+x

windows flutter ios真机运行 flutter for windows_android_15

            安装以下扩展:flutter, dart(大概率自己已安装), Material Icon Theme(可选),


 第7步:创建flutter文件

            7.1  终端---新建终端

windows flutter ios真机运行 flutter for windows_环境变量_16

             7.2 索引到一个空白的文件夹  

windows flutter ios真机运行 flutter for windows_android_17

                7.2.1进入【文件名】文件夹

cd 文件名

                7.2.2返回到上一级文件夹

cd..

                 7.3 创建一个新项目first_app

        在命令提示符内输入你的项目名,如果是长名字 则用 _(下划线)隔开

flutter create 文件名

windows flutter ios真机运行 flutter for windows_windows_18


第八步:运行app

        8.1  运行---以非调试运行,可以热更新

windows flutter ios真机运行 flutter for windows_flutter_19

windows flutter ios真机运行 flutter for windows_Android_20