flutter环境搭建实践

Flutter环境安装(超详细) Flutter环境搭建 文章目录**Flutter环境搭建****1、配置环境变量****2、下载** **Git for Windows****3、下载Flutter SDK****4、下载Android Studio****5、设置Android模拟器****6、安装插件****7、创建我的第一个flutter项目****8、拓展,直接使用VsCode替代 Android Studio编辑器****9、使用flutter** 1、配置环境变量 官方文档:https://flutterchina.clu 阅读详情

Dart

Dart 是一种客户端和服务器端的编程语言,最早由 Google 提出。它被设计用于构建高性能、高度可伸缩和可靠的应用程序。Dart 可以编译成本地代码或者在虚拟机中直接运行。在移动应用开发中,Dart 主要用于开发 Flutter 应用。

Flutter 和 Dart 的关系

Flutter 是一个使用 Dart 语言开发的跨平台移动应用框架。它能够在 iOS 和 Android 上构建高性能、高保真度的应用。Flutter 的核心是 Dart 语言,它提供了丰富的 API 和开发工具,以支持开发者构建出色的移动应用。

在 Android Studio 中,我们可以使用 Dart 语言来开发跨平台的移动应用程序。然而,有时候我们可能遇到 Dart 版本低于 Android Studio 的问题,这会导致一些功能无法使用或者出现错误。为了解决这个问题,我们可以升级 Dart 版本到最新的稳定版。

本人安装的版本如下:

java: V17

安装Flutter

在中国网络环境下使用 Flutter - Flutter 中文文档 - Flutter 中文开发者网站 - Flutter

关于flutter SDK的使用,上面的官方网站上写的很清楚,照着做就好,注意不要从其他的博客里面跳着操作,这样可能发生不可测的错误,造成项目无法启动,无法识别设备,新建项目没有网络等等问题。因为不同的版本会有很多不同的特殊情况。

配置环境变量

win+s 吊起搜索

进行如下选择 

 命令行方式如下图

注意,配置在用户变量还是环境变量取决于自己,区别是:系统级任何用户任何路径都可以直接使用;用户级是配置用户下任何路径都可以直接使用。

下载Flutter SDK(软件开发套件)

Flutter SDK 归档列表 - Flutter 中文文档 - Flutter 中文开发者网站 - Flutter

下载好后,将文件放到 D盘或其它非系统盘,这里我放在 D:\soft\flutter

配置使用套件的环境变量

指定到bin目录(虽然点击.bat文件就可以运行,但是为了方便能够在cmd窗口直接运行flutter,所有还是要去配置环境变量)(注意:如果使用fvm管理flutter版本,需要将其删除)

 检查是否成功

打开终端,输入命令

flutter --version 查看是否安装成功

下载Android Studio

下载 Android Studio 和应用工具 - Android 开发者  |  Android Developers (google.cn)

双击运行安装,一路next,直到这一步,选择自己需要安装的目录(需要好几个G,磁盘警告!!!)

选好之后点击 Next 下一步(PS:这里没有其他骚操作,不要乱来)直到安装成功。

启动

还是一路 Next

标准模式就可以

下面注意Android Studio 默认会把你的SDK下载放在C盘,到时候你的C盘就炸了,谷歌太坏了,这里你需要选择存放路径,他是用来存放一些模拟器的安卓版本的,会很大,切记切记,然后点击 Next 下一步。我是放在 D:\soft\android_SDK

这里是Android Studio的一些许可协议,你需要接受它才能进行下载,点击Accept,接受协议。然后左边的协议栏中的一项协议的红色星号就消失了,三个协议都需要接受,都接受之后,你会看到Finish按钮会亮起,如下图所示

安装语言插件

在plugins中搜索flutter,dart

选择安装必要组件

Android 模拟器、SDK Platform Tools 和虚拟机加速,选择好之后,点击应用进行安装。

Android版本

 Android 模拟器

安装java

Java Downloads | Oracle

不要安装最新的版本,里面不含。。

自定义系统安装路径

配置系统变量环境

新增JAVA_HOME,值是安装的路径  我的安装路径是 D:\soft\Java

给Path添加如下路径

以上严格配置,基本上就不会有问题了,可以直接新建项目运行了,如果有问题,按照控制台提示逐步解决即可。

运行老项目

一个项目能否正常编译取决于我们的Gradle、SDK以及JDK,不同版本之间是由不同的配置关系的,这对于你来说是否有些复杂呢?不过不用担心,当你可以正常安装Android Studio并且能够正常运行时,你的这三个配置就是可以的,属于默认搭配,你只管写代码就好了。感兴趣和有时间的话,还是要深入学习一下。

Gradle

简单来讲它就是一个构建工具,也就是一些复杂的操作不需要开发者自己去弄,而是通过构建工具去完成的。Gradle有个非常突出的特点,就是它自身就是一门语言(基于Groovy),是一种自动化构建语言,相较于Maven中基于XML的各种繁琐配置,Gradle使用Groovy语言构建文件更加的灵活。但Gradle是一种DSL,是一种领域特定语言,也就是在特定的领域执行特定的任务的一种语言,而我们平常使用的java、python这些都是GPL(通用编程语言),所以Gradle它是不能实现软件中的实际功能。要注意的是,Gradle它并不是独属于Android。

SDK

SDK版本就是当前项目所编译的Android版本

JDK

Your project's Gradle version is incompatible with the Java version that Flutter is using for Gradle

 要找到对应版本的java进行安装

可以参考这篇文章

Flutter环境安装(超详细)_flutter安装教程-优快云博客

学习资料

1.3 搭建Flutter开发环境 | 《Flutter实战·第二版》

管理flutter版本

项目多了,会有很多不同的版本,可以使用fvm进行管理

使用 FVM 管理多个版本的 Flutter

Flutter环境篇:5分钟搭建Flutter开发环境,告别配置地狱 资深移动开发工程师,专注Flutter技术分享,已帮助1000+开发者入门Flutter开发。💬 有问题欢迎在评论区讨论,我会及时回复大家的疑问!#Flutter #环境搭建 #开发环境 #AndroidStudio #VSCode #移动开发。 阅读详情

相关推荐

【Flutter】基础入门:开发环境搭建

Flutter 是一个强大的跨平台框架,支持在 Android、iOS、Windows、Linux、Web 等多种平台上开发应用。下面将详细介绍如何在各个平台上构建 Flutter 开发环境,并使用相同的项目代码构建出一个可以在多个平台运行的跨平台 Demo。

2303_80346267的博客 2518

flutter的安装与环境配置

flutter的环境搭建和项目创建

xiaoxiongxia的博客 9568

Flutter跨平台开发:从环境搭建到声明式UI实践

跨平台开发框架通过单一代码库实现多端部署,大幅提升开发效率。Flutter作为Google推出的开源UI工具包,采用独特的Skia渲染引擎和声明式编程范式,实现了接近原生的性能表现。其核心原理在于将UI描述与平台渲染解耦,通过Widget树的高效diff算法实现快速更新。这种架构特别适合需要保持一致用户体验的移动应用开发场景,如电商、社交等高频迭代产品。在Mac环境下,通过Android Studio或VS Code配置Flutter开发环境,开发者可以充分利用热重载等特性加速开发流程。声明式UI编程通过状

weixin_34203832的博客 526

Flutter之环境搭建(小白教程)

这个章节我们学习如何安装`Flutter`,配置 `Flutter` 、`Android Studio` 环境,做开发的前置工作。环境搭建有点麻烦,特别是Android环境的安装,没有代理简直就是噩梦,要有耐心一起加油!

程邓楠的博客 9886

Flutter开发全攻略:从环境搭建到工程化实践

跨平台开发是移动应用领域的重要方向,开发者需要在性能、一致性和开发效率之间做出权衡。Flutter作为Google开源的UI框架,通过自绘渲染引擎和Dart语言的AOT/JIT编译机制,实现了高一致性的跨端体验。理解Widget与Element的关系、StatefulWidget生命周期以及路由导航是掌握Flutter的基础,而Provider等状态管理方案则解决了共享数据更新问题。在实际工程中,环境配置、Gradle插件迁移和混合开发模块接入是常见挑战,通过flutter doctor和系统化排查链路可以

weixin_32715349的博客 309

Flutter开发环境搭建与最佳实践指南

本文将引导你完成Flutter开发环境的搭建,并详细介绍Android Studio与VS Code中用于Flutter开发的最佳插件。通过安装必要的Android组件、Flutter及Dart插件,以及如何利用这些插件提高开发效率,我们将确保你可以顺利地创建和管理跨平台应用。

weixin_33240461的博客 374

Flutter开发避坑指南:从环境搭建到工程化实践

跨平台开发是当前移动应用领域的重要趋势,Flutter作为Google推出的UI框架,凭借自绘渲染引擎和声明式开发模式,在性能表现与UI一致性上具备显著优势。然而,许多开发者在实际应用中却频繁受困于环境配置、构建链路、生命周期管理以及原生混合开发等基础性问题,极大影响了开发效率与使用体验。针对这些高频痛点,本文从环境基线的建立、常见报错的快速定位、五层排错框架的运用出发,系统梳理了Flutter从入门到工程化落地的关键环节。同时结合Flutter与uni-app的选型对比、面试题背后的真实能力考察等热门话题

weixin_33910759的博客 830

Vercel静态站被墙别慌!手把手教你用Cloudflare免费CDN+域名解析搞定DNS污染

本文详细介绍了如何利用Cloudflare免费CDN和域名解析解决Vercel静态网站遭遇DNS污染的问题。通过诊断DNS污染、设计Cloudflare解决方案架构、实战配置步骤以及高级调优技巧,帮助用户快速恢复站点访问并提升防护能力。

weixin_27442001的博客 677

【Flutter·学习实践】搭建环境和创建项目

是Google开源的构建用户界面(UI)工具包,帮助开发者通过一套代码库高效构建多平台精美应用,支持移动、Web桌面和嵌入式平台。[5]Flutter 开源、免费,拥有宽松的开源协议,适合商业项目。因为是夸平台开发,肯定存在很多问题,只能在开发中解决。

PYB 477

永磁同步电机控制笔记:foc控制原理通俗讲义

引言 到此为止,永磁同步电机控制相关文章已经写了7篇,其中simulink仿真系列文章5篇,控制笔记系列文章2篇,恍惚间感觉少了一篇概论,在此插入一篇,也算是对入坑电机控制一年半来的知识梳理。 文章目录引言一、同步电机是怎么转起来的二、什么样的旋转磁场效率最高三、怎么精准控制旋转磁场的方向四、怎样调节dq轴电流 一、同步电机是怎么转起来的 永磁同步电机结构如下: 外围是定子绕组,中间为永磁体,设...

搞电机的博客 2万+

2023最新版kali安装教程

2023最新版kali安装教程 打开kali官网(https://www.kali.org/),下载kali镜像

qq_46346209的博客 2万+

Flutter开发环境搭建与声明式UI实践指南

跨平台开发框架Flutter采用声明式UI范式,通过构建Widget树实现高效界面开发。其核心原理在于将UI状态与渲染逻辑解耦,开发者只需描述界面目标状态,框架自动处理DOM更新。这种模式显著提升了开发效率,特别适合需要快速迭代的移动应用场景。环境搭建是Flutter开发的第一步,涉及SDK安装、PATH配置和工具链验证(如Xcode和Android Studio)。通过flutter doctor命令可诊断环境完整性,而热重载(Hot Reload)特性则大幅缩短开发调试周期。本文以Mac平台为例,详细解

weixin_33907511的博客 297

PnP 单目相机位姿估计(二):solvePnP利用二维码求解相机世界坐标

前言 原理简介 输入参数准备 1 objectPoints特征点世界坐标 2 imagePoints特征点在摄像头下的像素点坐标 3cameraMatrixdistCoeffs内参矩阵和畸变矩阵 相机世界坐标的求解 1求世界坐标中的点在相机坐标系下的坐标 2求相机在世界坐标中的坐标 3效果求解相机在世界坐标系下的坐标点 4求解代码1.前言  很多时候,当我们利用单目相机获取图像时,往往只能获取图像中

cocoaqin的博客 5万+

Flutter 工程实践指南:从项目搭建到生产环境部署全流程

建立版本回滚机制,每次发布保留上一个稳定版本的构建产物,通过 CDN 或存储桶快速切换。

2501_93893240的博客 383

A*寻路算法的最简单通俗讲解

为什么我的眼里常含泪水?因为我有一个算法不会。为了节约点眼泪,今天我们就来介绍著名的A*寻路算法(或简称A*算法)。 Peter Hart, Nils Nilsson 和 Bertram Raphael 在1968年首次提出了著名的A*算法。A*算法其实是Dijkstra最短路径算法的一种扩展。不一样的是,在A*算法中我们需要使用Heuristics 来导引搜索过程,以期达到更好的表现。 ...

白马负金羁 2万+

【Davinci开发】:CS接口创建及连接

AUTOSAR SWC之间添加CS-port :详细讲解step

2525

HarmonyOS适配实践:Flutter 项目全流程指南-环境搭建【跨平台技术在开源鸿蒙中的使用】

随着 HarmonyOS 的全面落地,Flutter 适配鸿蒙正逐渐从探索阶段进入成熟落地期。对现有项目而言,迁移的核心不在逻辑重构,而在于环境搭建、依赖替换与平台能力适配。通过合理调整工程结构、选择兼容插件、优化平台判断逻辑,即可保证应用顺利运行并享受鸿蒙系统带来的原生性能与多设备协同能力。未来,鸿蒙生态的持续扩展将进一步放大 Flutter 的跨平台优势,提前完成适配的团队将率先占据市场机会。现在正是拥抱鸿蒙、布局未来的最佳时机。

2501_92427005的博客 1735

Unreal 从入门到进阶 之 如何实现Pixel Streaming

Unreal Engine 5 (UE5) 的 Pixel Streaming 是一项基于云端的实时流媒体技术,允许将 UE5 应用的高质量图形渲染结果通过 WebRTC 协议传输到用户的浏览器或轻量级设备,同时将用户输入(如鼠标、键盘、触控)回传到服务器处理。UE的插件相对比较好用,但是就是环境下载总是失败。希望这篇文章对你有所帮助。

TxNet 1368

开源项目教程:Flutter移动开发课程

开源项目教程:Flutter移动开发课程 1. 项目介绍 本项目Flutter移动开发课程是由Kleber de Oliveira Andrade教授在Americana技术学院的信息系统专业中讲授的移动应用程序开发课程内容。它旨在为学生提供一个学习如何使用Flutter框架进行移动应用开发的全面资源。项目包含了环境搭建指南、基础教程以及一些课程相关的实战演练,帮助初学者快速上手Flutter并理...

gitblog_00697的博客 1013

智能车图像处理19-进阶篇11--斜入十字补线

这篇文章主要讲述智能车竞赛中如何对于斜入十字进行补线操作。

taiyuezyh的博客 7478

怀旧版电脑GBC模拟器

再现原版GBC掌机的界面,电脑运行连游戏界面都一样大小,很怀旧,很真实,(英文版)强烈推荐,很小的文件,很难才找到的。

Flutter 官方网站文档使用指南

Flutter 官方网站文档使用指南 1. 项目介绍 Flutter 是 Google 开发的一个开源框架,用于在 iOS、Android、Web 和桌面上创建美观、性能卓越的应用程序。Flutter 官方网站(https://github.com/flutter/website)提供了关于 Flutter 框架的详细文档,包括教程、示例代码、API 文档以及社区支持等信息。 2. 项目快速启动 ...

gitblog_00066的博客 595

复分析 阿尔福斯(Ahlfors) 第三版答案 英文

答案分为十章,有部分习题没有答案,全英文复分析阿尔福斯(Ahlfors) 第三版答案

Android混合开发与Flutter入门

Android混合开发是指将原生Android应用与Web技术(如HTML、CSS、JavaScript)相结合,利用WebView容器来展示Web页面,从而实现原生应用的部分功能。这种开发方式具有跨平台、开发周期短、降低成本等优点。Flutter是Google推出的一款跨平台移动应用开发框架,使用Dart语言编写,具有高性能、高保真、易于学习等特点。Flutter通过渲染引擎Skia直接绘制UI,避免了原生应用开发中的性能瓶颈。

2501_92488972的博客 390

汉书HE8,好用的汇编代码编写工具

汉书HE8,好用的汇编代码编写工具早期编写汇编代码所用功能强大

IMSL CNL 7.0.0 (x86-64)Crack

IMSL CNL 7.0.0 (x86-64)Crack intel的算法库破解文件,这是C++版本的破解文件

环境搭建与入门:Flutter SDK安装与配置

本文介绍了Flutter开发环境的搭建过程,从SDK安装到IDE配置,再到实际项目的创建和运行。通过学习本文内容,读者可以快速搭建Flutter开发环境,并了解相关的最佳实践和常见问题的解决方案。在实际开发中,良好的开发环境配置是提高开发效率的基础,建议读者认真完成每个配置步骤,并保持环境的定期更新和维护。Q2:Flutter的热重载(Hot Reload)和热重启(Hot Restart)有什么区别?Q3:如何解决Flutter开发中遇到的Android证书问题?使用Homebrew安装(推荐)

Ya-Jun 的博客 6132

Mac Flutter 环境搭建、常用指令、开发细节

Flutter 环境安装,官方中文文档,按着官方的来就够了,没啥难度。安卓模拟器可以使用Genymotion。配置环境变量,能全局使用flutterMac:找到存放Flutter的文件夹里面的bin$ open ~/.zshrc # 如果使用的是 Zsh $ open ~/.bash_profile # 如果使用的是 Bash 或$ vim ~/.zshrc # 如果使用的是 Zsh $ vim ~/.bash_profile # 如果使用的是 Bash。

卡尔特斯 2153

Flutter 完整开发实战详解(一、Dart 语言和 Flutter 基础)

前言在如今的 Fultter 大潮下,本系列是让你看完会安心的文章。本系列将完整讲述:如何快速从0开发一个完整的 Flutter APP,配套高完成度 Flutter 开源项目 GSYGithubAppFlutter。同时也会提供一些 Flutter 的开发细节技巧,并针对开发过程中可能遇到的问题进行填坑。系列文章分为三篇,第一部分是基础篇(针对 Dart 语言和 Flutter 基础),第二部分...

weixin_34176694的博客 225

如何5分钟搭建绳网开发环境:Flutter跨平台应用实战教程

想要快速掌握**绳网开发环境**搭建技巧吗?作为一款基于Flutter技术栈的游戏与技术交流平台应用,绳网(Inter-Knot)为开发者提供了完整的跨平台开发体验。本文将为你详细介绍如何在5分钟内完成绳网Flutter应用的开发环境配置,让你轻松开启跨平台应用开发之旅!🚀 ## 🔧 绳网项目概述与核心功能 绳网是一个专注于游戏和技术交流的社区平台应用,采用**Flutter跨平台框架**

gitblog_00291的博客 986
上一篇: Babel原理
下一篇: Flutter Widgets体系结构
jsPao
博客等级 码龄7年 549粉丝 107原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值