flutter开篇之window7下环境搭建

admin管理员组

文章数量:1318360

flutter学习地址：https://book.flutterchina.club/chapter3/text.html

在Windows上搭建Flutter开发环境

对系统要求如下：

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

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

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

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

  • PowerShell 5.0 或更新的版本

  • Git for Windows (Git命令行工具)；

  如果已安装Git for Windows，请确保可以在命令提示符或PowerShell中运行 git 命令。

下面是环境搭建流程：

一、安装git,如果已安装忽略该步骤 https://git-scm/download/win，打开该地址下载选中这个。

按照提示安装即可，建议不要安装到C盘。

二、安装flutter SDK，这个有两种方式。方式一、通过git命令下载；方式二、flutter官网下载最新可用的安装包，地址如下：https://flutter.dev/docs/development/tools/sdk/releases

2-1、git命令下载如下：在你想要下载的路径下点击鼠标右键找到git bash here点击打开窗口。 

在打开的窗口中输入git clone -b stable https://github/flutter/flutter.git，下载即可。

flutter官网下载。打开上述网址如下，选择想要下载版本。

注意，Flutter的渠道版本会不停变动，请以Flutter官网为准。另外，在中国大陆地区，要想正常获取安装包列表或下载安装包，可能需要翻墙，读者也可以去Flutter github项目下去下载安装包，地址：https://github/flutter/flutter/releases 。

1. 将安装包zip解压到你想安装Flutter SDK的路径（如：C:\src\flutter；注意，不要将flutter安装到需要一些高权限的路径如C:\Program Files\）。

2. 在Flutter安装目录的flutter文件下找到flutter_console.bat，双击运行并启动flutter命令行，接下来，你就可以在Flutter命令行运行flutter命令了。

2-2、配置环境变量

如果你想在Windows系统自带命令行运行flutter命令，需要添加以下环境变量到用户PATH：

• 转到 “控制面板>用户帐户>用户帐户>更改我的环境变量”
• 在“用户变量”下检查是否有名为“Path”的条目:
  • 如果该条目存在， 追加 flutter\bin的全路径，使用 ; 作为分隔符.
  • 如果该条目不存在，创建一个新用户变量 Path ，然后将 flutter\bin 的全路径作为它的值.

这一步网上有很多方案1、将git的路径添加到Path下，PowerShell的路径也添加上等等，发现对我遇到的问题都没啥作用。

2-3、由于一些flutter命令需要联网获取数据，如果您是在国内访问，由于众所周知的原因，直接访问很可能不会成功。google为国内开发者搭建的两个临时镜像 PUB_HOSTED_URL和FLUTTER_STORAGE_BASE_URL，最好配置一下。

export PUB_HOSTED_URL=https://pub.flutter-io
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io

如下图所示：

重启Windows以应用此更改.

三、检查window下的PowerShell版本，不符合要更新（我就采坑在这一步上）

检查方法：点击window图标，直接输入powershell

点击选中这个运行

打开输入命令行$PSVersionTable.PSVersion，执行如下图，找到当前版本

当前版本为2，而flutter最低要求是5.0，这就要去下载新版本。由于PowerShell 是内置于Windows Manager Framework(WMF)中，如果WMF版本低于4.5，要先卸载 wmf，然后安装Windows Manager Framework4.5及以上版本；wmf安装成功后，再升级PowerShell。

查看WMF版本方法如下图所示：

我电脑上的为4.7.2，符合要求，不符合的下载地址：https://www.microsoft/en-ca/download/details.aspx?id=42642；然后去下载powershell.下载地址：https://docs.microsoft/zh-cn/powershell/scripting/windows-powershell/install/installing-windows-powershell?view=powershell-6#upgrading-existing-windows-powershell

选择WMF5.1下载，亲测过下载WMF5.0照样要下载这个，还不如直接点击这个下载。

下载后解压，安装选中的文件，等待安装后重启电脑，安装需要一点时间，要耐心等待。

按照上述方法再次检查PowerShell版本，如下图及证明成功。

补充：如果安装的是盗版Windows，可能会出现下图所示：桌面右下角提示不是正版

查看window系统提示

处理方式就是下载一个激活工具激活一下即可，如小马激活工具等。

四、运行flutter doctor

方法1、找到flutter SDK安装路径下的flutter_console.bat文件打开，看有的文章说要使用管理员身份打开，有的说双击打开，这两种亲测都可以。路径如下图：

输入flutter doctor后如下图说明成功。

这一步的时候我遇到了问题，是由于没进行第三步（检查PowerShell），一输入flutter doctor就闪退，也看不到错误。最后就右键选择编辑后打开flutter_console.bat文件，在最后添加的@pause ,禁止关闭窗口，这才发现了报错，最终定位到是第三步出了问题。编辑如下图：

错误如下，我的出错时没截图，就引用一下网上的：

方法二、使用git窗口输入flutter doctor

画线的这四个都是对勾就可。

[!] Android toolchain - develop for Android devices (Android SDK version 30.0.0)! Some Android licenses not accepted.  To resolve this, run: flutter doctor --android-licenses  提示Android许可证不被接受。修复方式：输入flutter doctor --android-licenses命令，根据提示一直输y即可 效果图如下：

处理完后在输入flutter doctor,如下图：

五、安装AndroidStudio和配置flutter插件 我本来就是从事的Android移动端开发,AS的现成的,这一步自行去找AS安装教程，网上有很多，主要是flutter插件的配置。

打开AS，依次选择File-->Settings-->Plugins-->输入flutter 下载即可，我的是已经下载了，出了新版本所以是更新。

下载好后重新启动AndroidStudio，正常情况会出现下述选项。

题外话：我的不知道怎么添加一行后上面的显示不全了，可能是AS的bug,不过不影响使用。

六、创建flutter项目

6-1、打开AndroidStudio,选择create a new flutter project

6-2、选择Flutter Application

6-3、

这个地方出现过一个错误：The Flutter SDK instalaion is incomplete; please see: htps:/lutterio/docs/get-started/install.（意思是安装的flutter SDK不完整）

我使用git方式安装的完整版后问题解决。

6-4、

6-5、

从环境搭建到第一个flutter程序到此结束，网上说的过程千奇百怪，总出现各式各样的问题，采坑一天记录一下过程，希望对小伙伴们有帮助。

参考地址链接如下：

https://book.flutterchina.club/chapter3/text.html

https://blog.csdn/wewell/article/details/89708965

https://blog.csdn/mike_fei/article/details/89083999

本文标签： 开篇环境Flutter