美文网首页
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