flutter开篇之window7下环境搭建

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

在Windows上搭建Flutter开发环境

对系统要求如下:

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

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

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

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

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

下面是环境搭建流程:

一、安装git,如果已安装忽略该步骤 https://git-scm.com/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.com/flutter/flutter.git,下载即可。

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

注意,Flutter的渠道版本会不停变动,请以Flutter官网为准。另外,在中国大陆地区,要想正常获取安装包列表或下载安装包,可能需要翻墙,读者也可以去Flutter github项目下去下载安装包,地址:https://github.com/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_URLFLUTTER_STORAGE_BASE_URL,最好配置一下。

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

如下图所示:

重启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.com/en-ca/download/details.aspx?id=42642;然后去下载powershell.下载地址:https://docs.microsoft.com/zh-cn/powershell/scripting/windows-powershell/install/installing-windows-powershell?view=powershell-6#upgrading-existing-windows-powershell

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

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

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

四、运行flutter doctor

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

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

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

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

五、安装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

http://www.noobyard.com/article/p-ucmidcfa-kt.html

http://www.noobyard.com/article/p-kfvnwzpk-st.html