• 1.Flutter的下载安装和环境配置


    书写背景:
    本系列的文章,部分根据官方网站的内容进行复制,其中部分内容根据实际情况做过调整.

    使用镜像

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

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

    注意: 此镜像为临时镜像,并不能保证一直可用,读者可以参考详情请参考 Using Flutter in China 以获得有关镜像服务器的最新动态。

    系统要求

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

    • 操作系统: Windows 7 或更高版本 (64-bit)
    • 磁盘空间: 400 MB (不包括Android Studio的磁盘空间).
    • 工具: Flutter 依赖下面这些命令行工具.
      • Git for Windows (Git命令行工具)

        如果已安装Git for Windows,请确保命令提示符或PowerShell中运行 git 命令,不然在后面运行flutter doctor时将出现Unable to find git in your PATH错误, 此时需要手动添加C:Program FilesGitinPath系统环境变量中。

    获取Flutter SDK

    1. 去flutter官网下载其最新可用的安装包,点击下载 ;

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

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

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

    注意: 由于一些flutter命令需要联网获取数据,如果您是在国内访问,由于众所周知的原因,直接访问很可能不会成功。 上面的PUB_HOSTED_URLFLUTTER_STORAGE_BASE_URL是google为国内开发者搭建的临时镜像。详情请参考 Using Flutter in China

    上述命令为当前终端窗口临时设置PATH变量。要将Flutter永久添加到路径中,请参阅更新路径

    要更新现有版本的Flutter,请参阅升级Flutter

    更新环境变量

    要在终端运行 flutter 命令, 你需要添加以下环境变量到系统PATH:

    • 转到 “控制面板>用户帐户>用户帐户>更改我的环境变量”
    • 在“用户变量”下检查是否有名为“Path”的条目:
      • 如果该条目存在, 追加 flutterin的全路径,使用 ; 作为分隔符.(Windows10的环境变量设置优化过,可以不加分号.顺便加一句,做开发怎么能不用Windows10?)
      • 同时添加Android-SDKplatform-tools的全路径.
      • 如果条目不存在, 创建一个新用户变量 Path ,然后将 flutterin的全路径作为它的值.
    • 在“用户变量”下检查是否有名为”PUB_HOSTED_URL”和”FLUTTER_STORAGE_BASE_URL”的条目,如果没有,也添加它们。

    重启Windows以应用此更改(重启不重启不重要,这是玄学,只要配置好环境变量一路点确定就完事了)

    运行 flutter doctor

    打开一个新的命令提示符或PowerShell窗口并运行以下命令以查看是否需要安装任何依赖项来完成安装:

    flutter doctor

    在命令提示符或PowerShell窗口中运行此命令。目前,Flutter不支持像Git Bash这样的第三方shell。

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

    例如:

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

    当输出信息类似以下及证明环境配置OK:(其中系统版本,SDK版本会因个人而异.我这里是当下最新版本.)

    Doctor summary (to see all details, run flutter doctor -v):

    [√] Flutter (Channel dev, v1.6.0, on Microsoft Windows [Version 10.0.18898.1000], locale zh-CN)
    [√] Android toolchain - develop for Android devices (Android SDK version 28.0.3)
    [!] Android Studio (not installed)
    [√] Connected device (1 available)

    ! Doctor found issues in 1 category.

    第一次运行一个flutter命令(如flutter doctor)时,它会下载它自己的依赖项并自行编译。以后再运行就会快得多。

    以下各部分介绍如何执行这些任务并完成设置过程。你会看到在flutter doctor输出中, 如果你选择使用IDE,我们提供了,IntelliJ IDEA,Android Studio和VS Code的插件, 请参阅编辑器设置 以了解安装Flutter和Dart插件的步骤。

    一旦你安装了任何缺失的依赖,再次运行flutter doctor命令来验证你是否已经正确地设置了。

    该flutter工具使用Google Analytics匿名报告功能使用情况统计信息和基本崩溃报告。 这些数据用于帮助改进Flutter工具。Analytics不是一运行或在运行涉及flutter config的任何命令时就发送, 因此您可以在发送任何数据之前退出分析。要禁用报告,请执行flutter config --no-analytics并显示当前设置,然后执行flutter config。 请参阅Google的隐私政策

    编辑器设置

    使用 flutter 命令行工具,您可以使用任何编辑器来开发Flutter应用程序。输入flutter help在提示符下查看可用的工具。

    我们建议使用我们的插件来获得丰富的IDE体验,支持编辑,运行和调试Flutter应用程序。

  • 相关阅读:
    关于钩子函数的详细解答:
    Vue实现回到顶部
    Vue实现Rate组件(星星评分)
    Vue-router 路由模式
    javascript中实现跨域的方式
    Promise
    webpack使用
    小程序登录
    api工厂的sdk的使用
    面试题划“重点”
  • 原文地址:https://www.cnblogs.com/dygood/p/12034184.html
Copyright © 2020-2023  润新知