Flutter环境搭建指南

Flutter环境搭建指南

文章目录

  • Flutter环境搭建指南
    • Flutter简介
    • 在Windows上搭建Flutter开发环境
      • 系统要求
      • 获取Flutter SDK
      • 遇到问题及解决方案
      • Android 设置
        • 下载并安装JDK
        • 下载并安装Android Studio

Flutter简介

Flutter 是 Google 推出并开源的移动应用开发框架,主打跨平台、高保真、高性能。开发者可以通过 Dart 语言开发 App,一套代码同时运行在 iOS 和 Android平台。 Flutter 提供了丰富的组件、接口,开发者可以很快地为 Flutter 添加 Native(即原生开发,指基于平台原生语言来开发应用,flutter可以和平台原生语言混合开发) 扩展。

在Windows上搭建Flutter开发环境

系统要求

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

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

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

  • 工具: Flutter 依赖下面这些命令行工具(要求加入到PATH环境变量中).

    • PowerShell 5.0 (opens new window) 或更新的版本
    • Git for Windows (opens new window) (Git命令行工具);

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

获取Flutter SDK

  1. 去flutter官网下载其最新可用的安装包,下载地址

    Flutter环境搭建指南_第1张图片

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

  3. 在Flutter安装目录的flutter文件下找到flutter_console.bat,双击运行并启动flutter命令行,接下来,你就可以在Flutter命令行运行flutter命令了。Flutter环境搭建指南_第2张图片

  • 更新环境变量:

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

    • 在开始菜单的搜索功能键入“env”,然后选择 编辑系统环境变量
    • 在“用户变量”下检查是否有名为“Path”的条目:
      • 如果该条目存在, 追加 flutter\bin的全路径(我的是 D:\flutter\bin),使用 ; 作为分隔符.
      • 如果该条目不存在,创建一个新用户变量 Path ,然后将 flutter\bin 的全路径作为它的值.

    重启Windows以应用此更改.

  • 运行flutter doctor命令

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

    flutter doctor
    

    该命令检查你的环境并在命令行窗口中显示报告。Dart SDK已经在打包在Flutter SDK里了,没有必要单独安装Dart。 仔细检查命令行输出以获取可能需要安装的其他软件或进一步需要执行的任务。

    例如:

    [-] Android toolchain - develop for Android devices
        • Android SDK at D:\Android\sdk
        ✗ Android SDK is missing command line tools; download from https://goo.gl/XxQghQ
        • Try re-installing or updating your Android SDK,
          visit https://flutter.dev/setup/#android-setup for detailed instructions.
    

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

遇到问题及解决方案

按照上述步骤打开 flutter_console.bat并运行 flutter doctor命令后,会强制闪退,在cmd中运行也是一样。参照网上的解决方案,可能是C:\Windows\SysWOW64\WindowsPowerShell\v1.0

没有添加到用户变量的PATH中,修改重启后仍为闪退。

解决方案:

Windows PowerShell 是由微软开发的命令行 Shell 和脚本语言,用于 Windows 操作系统。它被设计作为传统的 Windows 命令提示符 (cmd.exe) 的替代品,并为系统管理员和高级用户提供了一组先进的功能。

PowerShell 使用基于 C# 编程语言的语法的命令行界面 (CLI)。它提供访问各种系统管理任务的功能,例如管理文件和文件夹、配置网络设置以及与 Windows 注册表交互。

PowerShell 的关键特性之一是其使用脚本自动化复杂任务的能力。PowerShell 脚本本质上是包含一系列命令的文本文件,这些命令可以一起执行以执行特定的任务。这可以为系统管理员节省时间并提高生产力,他们可以使用脚本自动化重复性任务并减少错误的风险。

PowerShell 还支持使用模块,模块是相关命令的集合,可以按需加载到 shell 中。这允许用户扩展 PowerShell 的功能,并为特定任务添加新的命令。

考虑使用它来提供报错信息,打开 Windows Powershell,输入flutter doctor,果然出现如下报错提示:

Flutter环境搭建指南_第3张图片

重新配置环境变量,加D:\Download\Git\bin;D:\Download\Git\cmd;C:\Windows\System32;

仍然报错

经过多次尝试,终于找到解决方案:删除原有的flutter文件夹,使用下面的命令,直接从Master构建渠道检出Flutter的SDK:

git clone -b master https://mirrors.tuna.tsinghua.edu.cn/git/flutter-sdk.git
./flutter-sdk/bin/flutter --version

注意:要在想要下载flutter SDK的文件夹下,单击鼠标右键使用Git Bush here,执行上述Git命令

Flutter环境搭建指南_第4张图片

并将新的 D:\flutter\flutter-sdk\bin加入到环境变量的Path中。

重新在Windows Powershell中运行 flutter doctor,不再报错。

Flutter环境搭建指南_第5张图片

flutter_console.bat中运行 flutter doctor也不再闪退,能够正常获取获取可能需要安装的其他软件或进一步需要执行的任务:

Flutter环境搭建指南_第6张图片

可以继续进行后续的安卓设置。

Android 设置

Flutter依赖于Android Studio的全量安装。Android Studio不仅可以管理Android 平台依赖、SDK版本等,而且它也是Flutter开发推荐的IDE之一。

下载并安装JDK

  1. JDK(Java Development Kit)是Java开发工具包,面向软件开发人员。
    • 由一套独立程序构成的集合
    • 包括了Java工具和Java运行环境(JRE,Java Runtime EnvironmentJava)
    • 用于开发和测试Java程序

Flutter环境搭建指南_第7张图片

  1. 下载JDK:下载链接

    Flutter环境搭建指南_第8张图片

    Windows x64 Compressed Archive:压缩版本,需要自行配置

    Windows x64 Installer:安装版本,安装过程自行配置

  2. 安装JDK:双击下载的文件,开始安装。

    Flutter环境搭建指南_第9张图片

  3. 检查安装是否成功:在这里插入图片描述

下载并安装Android Studio

下载链接

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

Flutter环境搭建指南_第10张图片

安装完成。

为了防止C盘中.android文件过大,C盘爆红,可以创建 ANDROID_EMULATOR_HOME环境变量:

Flutter环境搭建指南_第11张图片

你可能感兴趣的:(flutter,android,android,studio,windows,前端)