程序员经验分享-hwhale

跨平台方案Flutter入门——开发环境搭建

2023-10-26

Flutter 自2017年诞生以来，目前已经有不少大厂的应用（如微信，QQ等）都接入了 Flutter 方案。由此可见，Flutter 的跨平台方案已经逐渐被市场认可和接受。

Flutter 虽然是跨平台的解决方案，但在开发时是需要 Android 和 IOS 开发环境的，也就是 JDK 、Android SDK、Xcode 等环境配置。

呃，由于经费原因，本文暂以 Windows 环境为例，记录下 Flutter 开发环境搭建的全流程。

系统配置要求

要想安装和运行 Flutter，你的开发环境至少应该满足如下的需求：

  • 操作系统：Windows 7 SP1 或更高的版本（基于 x86-64 的 64 位操作系统）。

  • 磁盘空间：除安装 IDE 和一些工具之外还应有至少 1.64 GB 的空间。

  • 工具：要让 Flutter 在你的开发环境中正常使用，依赖于以下的工具：
    – Windows PowerShell 5.0 或者更高的版本
    – Git for Windows 2.x，并且勾选从 Windows 命令提示符使用 Git 选项。

这些配置以及工具，对开发人员来说应该不是问题，这里不做赘述了。

获取 Flutter SDK

1.下载 SDK——flutter_windows_2.0.4

2.将压缩包解压，然后把其中的 flutter 目录整个放在你想放置 Flutter SDK 的路径中（如 D:\software_work\flutter）

配置环境变量

1.Flutter 运行路径。如果要在 Windows 的 CMD 窗口中运行 Flutter 命令，需要将 Flutter 的运行文件路径加入到 PATH 环境变量。

打开 环境变量 设置，在 用户变量 一栏的 Path 变量中，填入刚刚解压的 SDK 的bin路径。

在这里插入图片描述

2.首次运行 Flutter 命令，需要下载一些资源。但是国内的网络你懂的，会有一些限制，导致资源下载失败。

所以，你需要镜像站点，来帮助你的 Flutter 命令行工具能下载到其所需的资源。设置两个环境变量即可：PUB_HOSTED_URL 和 FLUTTER_STORAGE_BASE_URL。

同样的，打开 环境变量 设置界面，在 用户变量 一栏中，新建以下两个环境变量。

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

在这里插入图片描述

安装 Android Studio

1.下载并安装 Android Studio
2.运行 Android Studio，并进入 ‘Android Studio Setup Wizard’，这会安装最新的 Android SDK， Android SDK Platform-Tools 以及 Android SDK Build-Tools，这些都是在开发 Android Flutter 应用时所需要的。

运行 flutter doctor

以上操作完成后，关键的时刻到了。运行 flutter 命令试试看吧。

打开 Windows 的 CMD 窗口，运行以下命令。

flutter doctor

这个命令会检查你的现有环境，并将检测结果以报告形式呈现出来。第一次运行，一般都会遇到一些问题，总结下目前我遇到的。

1. Anroid 的 SDK 路径

如下，如果提示找不到 Android SDK 的路径。可能是因为安装 Android Studio 时，选择了自定义设置，手动设置了 SDK 的存放路径。那么按照提示，需要声明当前 SDK 的存放路径。

这里注意下，这个 SDK 说的是 Android 的 SDK ，而不是 Flutter 的 SDK。

在这里插入图片描述
根据给出的提示，使用以下命令，告诉 flutter 当前 SDK 的存放路径即可。

flutter config --android-sdk D:\software_work\Android\Sdk

在这里插入图片描述
这边根据提示，建议重启一下 Windows 命令行窗口。

2. 许可未同意

如下，提示 Android 许可未接受。

在这里插入图片描述
这个好办，根据提示，运行下以下命令。全部同意即可。

flutter doctor --android-licenses

在这里插入图片描述

问题全部处理完毕后，运行 flutter doctor ，提示 No issues found ，那么恭喜你，Flutter 的世界离你很近了。

在这里插入图片描述

Android Studio 安装插件

接下来，就是配置你的 IDE 了，让 Android Studio 支持 Flutter 项目的创建。

这里比较简单，打开 Plugins 选项，找到 Flutter ，安装好后重启一下即可。

在这里插入图片描述

Android Studio 创建第一个 Flutter 应用

一切工作准备就绪，准备进入正题了。

1.打开 Android Studio，选择 New Flutter Project…

2.选择 Flutter Applicatin 做为项目类型，点击 Next

3.这里需要填写一个 Flutter SDK 的路径。就是本文第二章里解压后的路径。

在这里插入图片描述
4.点击 Finish。就开始初始化项目啦，静待初始化完毕。

在这里插入图片描述
初始化完毕，我们看下项目文件结构，包含了 Android 、IOS、 Web 三端的文件夹。

嘿嘿，下面 Flutter 的世界就任你遨游啦。

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

Android

flutter

跨平台方案Flutter入门——开发环境搭建 的相关文章

随机推荐

  • xml转json的两种方法

    1 第一种方法 使用JSON JAVA提供的方法 之前一直使用json lib提供的方法转json 后来发现了这个开源项目 觉得用起来很不错 并且可以修改XML java中的parse方法满足自己的转换需要 1 首先去git下载所需的jav

  • Golang#Typora-Golang笔记

    知名编程语言或系统的发展简史 一 B语言 B语言之父 Ken Thompson 肯 汤普森 B语言是贝尔实验室开发的一种通用的程序设计语言 它是于1969年前后Ken Thompson 肯 汤普森 在Dennis Ritchie丹尼斯 里奇

  • SSM框架学习(4)CRM项目物理模型设计

    1 CRM的表结构 tbl user 用户表 tbl dic type 数据字典类型表 tbl dic value 数据字典值 tbl activity 市场活动表 tbl activity remark 市场活动备注表 tbl clue

  • C++ 11 std::enable_shared_from_this

    C 11 std enable shared from this 一 介绍 1 申明 std enable shared from this template lt class T gt class enable shared from t

  • JavaScript中的对象解释--访问对象属性、遍历属性for in、检测属性是否存在的方法...

    文章目录 目录 文章目录 1 对象访问属性 2 遍历 枚举 属性for in 3 检测属性是否存在的方法 4 模板字符串 反引号 二 总结 一 对象 1 对象访问属性 1 格式 对象 属性名 或对象 属性名 2 自定义对象 属性名 属性值

  • Ubuntu下使用微信

    介绍 由于微信官网 微信 是一个生活方式 没有linux版本的下载和安装方法 但微信确实提供了优麒麟发行版的官方版本 所以就有了下面的安装方法 安装方法 方法一 打开优麒麟应用商店官网微信微信作为一款国民级APP 已经成为我们日常生活中不可

  • flutter 渐变色

    flutter 颜色渐变 Positioned fill 使用绝对定位可全局渐变 可不用 child Container decoration BoxDecoration gradient LinearGradient 渐变位置 begin

  • 如何快速转载CSDN中的博客

    前言 对于喜欢逛CSDN的人来说 看别人的博客确实能够对自己有不小的提高 有时候看到特别好的博客想转载下载 但是不能一个字一个字的敲了 这时候我们就想快速转载别人的博客 把别人的博客移到自己的空间里面 当然有人会说我们可以收藏博客啊 就不需

  • Hyperledger Fabric 网络搭建详解

    写在前面 博主也是因为一些原因刚刚入坑区块链 我认为在我们入门新技术的时候 入门总是最困难的部分 只要入门了 后面学习起来就会越来越轻松 在网上找了很多文章 我觉得大多条理不是很清楚 本文章会详细介绍fabric v1 0 环境部署 以及在

  • 网络安全（黑客）自学笔记

    前言 作为一个合格的网络安全工程师 应该做到攻守兼备 毕竟知己知彼 才能百战百胜 计算机各领域的知识水平决定你渗透水平的上限 1 比如 你编程水平高 那你在代码审计的时候就会比别人强 写出的漏洞利用工具就会比别人的好用 2 比如 你数据库知

  • 用非阻塞的 socket connect

    呵呵 原来有人碰到跟我一样的问题 引用如下 这是网址 http cache baidu com c m 9f65cb4a8c8507ed4fece763104c8c711923d030678197027fa3c215cc79031c1d3a

  • pycharm中不能使用anaconda中包含的库的解决办法

    参考在pycharm中使用Anaconda之后 自己记录下来 防止以后找不到 1 打开pycharm 2 选择菜单栏中的file 文件 中的settings 设置 找到project后 选中project interpreter 点击右边的

  • Android读取设备内存大小

    获取系统运行内存 RAM 大小 public static String getRAMTotalMemorySize final Context context 获得ActivityManager服务的对象 ActivityManager

  • python新手怎么兼职-自学python可以做什么兼职

    很多朋友都会说 我身边有朋友或者同学是做程序员的 但是他们具体的工作内容 其实很多人是不了解的 这几年随着一些影视作品的出现 里面的主演有的从事开发工程师 大家初步有了一个印象 如果我不想去公司坐班 自己通过这个技能怎么来赚钱 推荐学习 P

  • 解决Unreal Engine 4.7.6的DerivedDataCache在C盘疯狂膨胀的问题

    打开 YourEngineFolder Engine Config BaseEngine ini 将 1 Local Type FileSystem ReadOnly false Clean false Flush false PurgeT

  • cnpm安装步骤

    安装nodeJS 官网下载 http nodejs cn download 选择其他版本下载地址 https nodejs org zh cn download releases 选版本点击下载 然后下载后缀名为msi 因为安装简单 选择好

  • 推荐学习方法——费曼技巧，以教促学，教学相长

    1 说到费曼技巧先来了解一下费曼这个人 费曼 全名理查德 费曼 美国著名物理学家 于1965年获得诺贝尔物理奖 在沉迷于美妙的物理世界的同时 他还热衷于教育事业 喜欢向人们深入浅出的讲解艰深的物理知识 在他的自传里 他提到曾纠结于某篇艰深的

  • java的反射机制

    Java的反射机制 1 定义 指程序可以访问 检测并修改本身的状态或行为的一种能力 并能根据自身行为的状态和结果调整或修改应用所描述行为的状态和相关的语义 简单来说 就是一种能自我修正的机制 2 意义 首先 反射机制极大的提高了程序的灵活性

  • 如何开启VT方法

    第 步 进入BOIS 重启电脑后 屏幕刚亮 笔记本一般快速按F1或F12 台式一般按DEL键 多按几下 成功后 会进入BIOS设置页面 第 步 找到 Intel Virtualization Technology 把 Disabled 修改

  • 跨平台方案Flutter入门——开发环境搭建

    目录 系统配置要求 获取 Flutter SDK 配置环境变量 安装 Android Studio 运行 flutter doctor 1 Anroid 的 SDK 路径 2 许可未同意 Android Studio 安装插件 Androi

热门标签