Flutter 开发学习笔记(0):环境配置

文章目录

  • 前言
  • 开发需求
  • 环境配置
  • 运行出现问题
    • 我运行也是解决了很久的问题
      • 镜像源设置为清华的镜像源(不知道有没有影响)
      • 使用JDK17,测试过JDK21和JDK11都不行
      • 手动下载flutter 对应的gradle
      • 添加阿里云代理
      • 安卓编译下载
    • 运行成功!

前言

我最近一直在用Uniapp写代码,我听说Uniapp的生态不如Flutter,刚好我也想尝试一下别的。

开发需求

  • Andorid>windows>IOS>Mac
  • 能调用简单的原生API,比如蓝牙,通讯录,打开程序,存储。
  • 下载文件,本地数据库,缓存等功能要支持
  • 生态好,Icon,UI,Chart等常用功能要支持

环境配置

Flutter环境安装(超详细)

【Flutter – 基础】快速入门 Flutter

简单来说你要下载

  • Flutter
  • Andorid
    • Andorid SDK
    • Andorid 模拟器
  • java 11及以上版本,因为Flutter最低支持java 11

在这里插入图片描述

运行出现问题

Flutter新建项目运行报错Exception in thread “main” java.net.ConnectException: Connection timed out: connect

Flutter运行第一个项目时出现javax.net.ssl.SSLHandshakeException的一些解决思路

Flutter卡在Running ‘gradle assembleDebug‘最完整解决

Flutter编译卡在Running Gradle task ‘assembleDebug‘

运行新建Flutter项目, 报错Exception in thread “main“ java.net.ConnectException: Connection timed out: connect

Android studio配置Flutter开发环境报错问题解决

我运行也是解决了很久的问题

镜像源设置为清华的镜像源(不知道有没有影响)

FLUTTER_STORAGE_BASE_URL = https://mirrors.tuna.tsinghua.edu.cn/flutter
PUB_HOSTED_URL = https://mirrors.tuna.tsinghua.edu.cn/dart-pub 

使用JDK17,测试过JDK21和JDK11都不行

JDK 17 官网下载
在这里插入图片描述

环境变量中设置你的JDK下载路径

在这里插入图片描述
在这里插入图片描述

JAVA_HOME = 你的下载路径

手动下载flutter 对应的gradle

在这里插入图片描述

# 原文件网路地址
#distributionUrl=https\://services.gradle.org/distributions/gradle-7.6.3-all.zip
# 对应的下载文件地址,需要替换为你的下载路径
distributionUrl=file:///D:/DownloadRun/gradle-7.6.3-all.zip

添加阿里云代理

在这里插入图片描述

maven {allowInsecureProtocol = trueurl 'https://maven.aliyun.com/repository/google'}maven {allowInsecureProtocol = trueurl 'https://maven.aliyun.com/repository/jcenter'}maven {allowInsecureProtocol = trueurl 'http://maven.aliyun.com/nexus/content/groups/public'}

安卓编译下载

可以在Flutter项目中运行如下代码

cd android
./gradlew clean
./gradlew build

Build成功,就说明环境配置成功!第一次编译需要下载对应的编译文件,可能需要半个小时,然后本地就有缓存,无需重复下载

在这里插入图片描述

运行成功!

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/586130.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

为什么使用ZIP、RAR压缩完文件还是很大?还可以这样压缩~

有时候想把文件存储到U盘中,明明买的是32G的U盘,却连5G的内容也放不进去,这可能和U盘的文件系统格式有关。常见的U盘格式有FAT、FAT32、NTFS等,其中FAT32不支持存储单个文件体积大于4G的文件。 除了将U盘的文件系统进行修改&#…

rtph264depay插件分析笔记

1、rtp协议头 2、rtp可以基于TCP或者UDP 其中基于TCP需要加4个字节的RTP标志 3、rtph264depay定义解析函数gst_rtp_h264_depay_process,通过RFC 3984文档实现。 static void gst_rtp_h264_depay_class_init (GstRtpH264DepayClass * klass) {GObjectClass *gobject…

书生·浦语大模型开源体系(一)论文精读笔记

💗💗💗欢迎来到我的博客,你将找到有关如何使用技术解决问题的文章,也会找到某个技术的学习路线。无论你是何种职业,我都希望我的博客对你有所帮助。最后不要忘记订阅我的博客以获取最新文章,也欢…

银河麒麟操作系统Kylin Linux 离线安装Nginx1.21.5

一、查看操作系统版本号 nkvers ############## Kylin Linux Version ################# Release: Kylin Linux Advanced Server release V10 (Lance)Kernel: 4.19.90-52.15.v2207.ky10.x86_64Build: Kylin Linux Advanced Server release V10 (SP3) /(Lance)-x86_64-Build20/…

Mysql数据备份与恢复实战

文章目录 备份类型备份内容备份工具mysqldump备份 实战案例:恢复误删除的表准备工作2:30完全备份完全备份后更新数据表10:00误删students表需要恢复还原的状态开始还原恢复 为什么要备份? 备份是为了:灾难恢复:硬件故障、软件故障…

CSP-S2020提高级T3:函数调用

题目链接 [CSP-S2020] 函数调用 题目描述 函数是各种编程语言中一项重要的概念,借助函数,我们总可以将复杂的任务分解成一个个相对简单的子任务,直到细化为十分简单的基础操作,从而使代码的组织更加严密、更加有条理。然而&…

Netty源码剖析——ChannelPipeline 调度 handler 的源码剖析(三十九)

ChannelPipeline 调度 handler 的源码剖析 源码剖析目的 当一个请求进来的时候,ChannelPipeline 是如何调用内部的这些 handler 的首先,当一个请求进来的时候,会第一个调用 pipeline 的 相关方法,如果是入站事件,这些方…

突破编程_前端_JS编程实例(分割窗体组件)

1 开发目标 分隔窗体组件旨在提供灵活的窗体分隔功能,支持横向分割与纵向分隔两种类型,并具备拖拽调整窗体比例的功能,同时提供最小比例设置,以防止窗体被过度缩小: 2 详细需求 2.1 分隔窗体类型 (1&…

数据类型和类型检测

Data Type And Type Checking 1.编程语言中的数据类型 类型和变量 一个类型是一系列值的集合,这些集合可以抽象出一个相同的特点,并且可以相互实现计算 例如: 布尔类型:true or false整形:1,2,3…浮点数类型&#xf…

JUC:double-checked locking(DCL) 懒汉单例模式

文章目录 double-checked locking(DCL) 问题解决方法 volatile作用 double-checked locking(DCL) 问题 第一个if用于后续进入的线程,不用再获取锁来判断是否已经创建了对象。第二个if,为的是第一个进入的线程创建对象,以及防止卡在第一个if之…

提升你的CSS技能:深入理解伪类选择器和伪元素选择器!

在CSS的世界里,有些选择器并不像它们的名字那样直接。今天,我们要探索的是两种特殊的选择器:伪类选择器和伪元素选择器。它们虽然名字相似,但功能和用途却大有不同。 下面就让我们一起来了解一下它们是如何在我们的页面布局中扮演…

GoogleNet神经网络介绍

一、简介 GoogleNet,也称为GoogLeNet,是谷歌工程师设计的一种深度神经网络结构,它在2014年的ImageNet图像识别挑战赛中取得了冠军。该神经网络的设计特点主要体现在其深度和宽度上,通过引入名为Inception的核心子网络结构&#x…