Flutter -- 实战在 Windows 上搭建 Flutter 开发环境

Posted 2022-07-15 Kevin-Dev

文章目录

• • • 一、准备
    • 二、获取 Flutter SDK
    • 三、配置环境变量
    • 四、执行 flutter doctor
    • 五、HelloWorld
    • 参考文献

一、准备

要安装并运行Flutter，您的开发环境必须满足以下最低要求:

• 操作系统: Windows 7 或更高版本 (64-bit)

• 磁盘空间: 400 MB (不包括android Studio的磁盘空间).

• 工具: Flutter 依赖下面这些命令行工具.

  • Git for Windows (Git命令行工具)；
    如果已安装Git for Windows，请确保可以在命令提示符或 PowerShell 中运行 git 命令

二、获取 Flutter SDK

下载地址：flutter_windows_v1.2.1-stable.zip

如果下载不了，可以选择 github下载

注意：不要将 flutter 安装到需要一些高权限的路径如 C:\\Program Files\\

下载好安装包之后解压

三、配置环境变量

在执行 flutter doctor 检测是否安装完成之前，要先配置好环境变量才行

解压之后，找到 bin 目录

然后桌面右键 我的电脑>属性>高级系统设置>环境变量>在用户变量中的Path中添加上图中到bin目录的路径，比如flutter\\bin

四、执行 flutter doctor

找到解压 flutter 目录下的 flutter_console.bat，双击执行

执行 flutter doctor 检测是否安装完成

在命令提示符或PowerShell窗口中运行此命令。目前，Flutter不支持像Git Bash这样的第三方shell。

执行结果：

这里出现了 4 个 issues，果然万事开头难，然后中间难，然后结尾难。

先不慌，大致过一下这几个红色的×：

• 首先第一个是flutter Unable to locate Android SDK. 找不到Android SDK？明明有的呀，继续看，它说如果安装在一个自定义的路径，要设置ANDROID_HOME，ok 那就加上ANDROID_HOME变量，变量值就是Android SDK路径
  
• 然后看下面的异常，我有两个AS版本，随便看其中一个就行，问题不大，原来是Flutter和Dart的插件没安装

不慌，先配置ANDROID_HOME变量，配置好之后再次执行flutter doctor，发现结果还是不行？！

返回继续看文档，发现了无任何特效的一句话重启 Windows 以应用此更改 ，原来是忘了重启了，既然要重启，那顺便把插件也装了吧，反正也是要重启AS的

在 Settings>Plugins 中搜索 flutter，然后安装，安装之前会提示先装Dart插件，同意即可

安装完成之后，重启。

重启之后，打开之前解压的flutter目录，双击打开flutter_console.bat，再次执行flutter doctor，结果如下：

ok，Android SDK路径没问题了，AS3.2的插件也装了，接下来就是创建一个新项目跑起来试试了。

五、HelloWorld

重启之后创建项目就多了一条New Flutter Project…


项目名称是小写才行，然后Next、Finish 就行。

然后点击运行，选择一个模拟器，效果如下：

参考文献

• 官方配置文档