美文网首页
Flutter 学习之路---环境搭建

Flutter 学习之路---环境搭建

作者: 杰子他爸 | 来源:发表于2019-06-12 16:28 被阅读0次

在Windows上搭建Flutter开发环境

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

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

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

PowerShell 5.0或更新的版本

https://docs.microsoft.com/zh-cn/powershell/scripting/install/installing-windows-powershell?view=powershell-6#upgrading-existing-windows-powershell

Git for Windows(Git命令行工具);

https://git-scm.com/download/win

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

获取Flutter SDK

去flutter官网下载其最新可用的安装包,官网地址:https://flutter.io/sdk-archive/#windows

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

将安装包zip解压到你想安装Flutter SDK的路径(如:C:\src\flutter;注意,不要将flutter安装到需要一些高权限的路径如C:\Program Files\)。

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

更新环境变量

如果你想在Windows系统自带命令行(而不是)运行flutter命令,需要添加以下环境变量到用户PATH:

转到 “控制面板>用户帐户>用户帐户>更改我的环境变量”

在“用户变量”下检查是否有名为“Path”的条目:

如果该条目存在, 追加 flutter\bin的全路径,使用 ; 作为分隔符.

如果该条目不存在,创建一个新用户变量 Path ,然后将 flutter\bin 的全路径作为它的值.

重启Windows以应用此更改.

运行 flutter doctor命令

在Flutter命令行运行如下命令来查看是否还需要安装其它依赖,如果需要,安装它们:

flutter doctor

第一次运行flutter命令(如flutter doctor)时,它会下载它自己的依赖项并自行编译。以后再运行就会快得多。缺失的依赖需要安装一下,安装完成后再运行flutter doctor命令来验证是否安装成功。

使用镜像

由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中:

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

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

注意: 此镜像为临时镜像,并不能保证一直可用,读者可以参考https://flutter.io/community/china 以获得有关镜像服务器的最新动态。

cmd flutter 过程中可能出现的问题:

1、运行flutter doctor,提示Unable to find git in your PATH,解决办法:

在系统的环境变量中增加:

1. C:\Program Files (x86)\Git\bin

2. C:\Program Files (x86)\Git\mingw64\libexec\git-core

注销系统,重新登录,正常!

2、D:\FFlutter\flutter>flutter doctorChecking Dart SDK version...无法将“Unblock-File”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后重试。所在位置 行:1字符:13+ Unblock-File<<<< -Path 'D:\FFlutter\flutter/bin/internal/update_dart_sdk.ps1'; & 'D:\FFlutter\flutter/bin/internal/update_dart_sdk.ps1' + CategoryInfo : ObjectNotFound: (Unblock-File:String) [], Comman dNotFoundException + FullyQualifiedErrorId : CommandNotFoundExceptionFlutter requires PowerShell5.0ornewer.See https://flutter.io/docs/get-started/install/windows for more.Building flutter tool...

Windows 7环境,需要先把PowerShell升级到5,默认自带的是PowerShell 2

3、PowerShell  停止,然后也百度不出原因,

则审视下,安装和配置 WMF 5.1

https://docs.microsoft.com/zh-cn/powershell/wmf/setup/install-configure

WMF 5.0 已被 WMF 5.1 取代。 使用 WMF 5.0 的用户必须升级到 WMF 5.1 才能接受支持。 WMF 5.1 需要 .NET Framework 4.5.2 或更高版本。 安装将成功,但如果未安装 .NET 4.5.2 或更高版本,将无法使用主要功能。

下载和安装 WMF 5.1 包

下载适用于要在其中进行安装的操作系统和体系结构的 WMF 5.1 包:

操作系统必备条件包链接

Windows Server 2012 R2Win8.1AndW2K12R2-KB3191564-x64.msu

Windows Server 2012W2K12-KB3191565-x64.msu

Windows Server 2008 R2.NET Framework 4.5.2Win7AndW2K8R2-KB3191566-x64.ZIP

Windows 8.1x64:Win8.1AndW2K12R2-KB3191564-x64.msu

x86:Win8.1-KB3191564-x86.msu

Windows 7 SP1.NET Framework 4.5.2    x64:Win7AndW2K8R2-KB3191566-x64.ZIP

x86:Win7-KB3191566-x86.ZIP

安装 WMF 5.1 RTM 之前,必须先卸载 WMF 5.1 预览版。

可在 WMF 5.0 或 WMF 4.0 上直接安装 WMF 5.1。

在 Windows 7 和 Windows Server 2008 R2 上安装 WMF 5.1 前,无需安装 WMF 4.0。

Windows 7 SP1.NET Framework 4.5.2

https://www.microsoft.com/en-us/download/details.aspx?id=42642

Android设置

Flutter依赖于Android Studio的全量安装。Android Studio不仅可以管理Android 平台依赖、SDK版本等,而且它也是Flutter开发推荐的IDE之一(当然,你也可以使用其它编辑器或IDE,我们将会在后面讨论)。

安装Android Studio

下载并安装 Android Studio,下载地址:https://developer.android.com/studio/index.html 。

启动Android Studio,然后执行“Android Studio安装向导”。这将安装最新的Android SDK、Android SDK平台工具和Android SDK构建工具,这些是用Flutter进行Android开发所需要的。

Android  Plugins  安装flutter插件 重启即可。

以上,flutter的环境配置结束,可以新建工程了。

Android Studio >>> File >>>New>>>New Flutter Project 。

相关文章

网友评论

      本文标题:Flutter 学习之路---环境搭建

      本文链接:https://www.haomeiwen.com/subject/oxglfctx.html