Flutter环境搭建及版本管理

前言

Flutter已成为移动应用开发的主流选择,其跨平台优势日益凸显,使学习Flutter成为现代开发者的必备技能。越来越多的公司和团队选择Flutter构建应用,这为开发者提供了更广阔的就业机会和职业发展空间。Flutter的热度源自其强大的特性和生态系统支持,包括快速的开发周期、高性能的渲染引擎、丰富的UI组件和易学的Dart编程语言。此外,Flutter不仅适用于移动应用开发,还可用于桌面和Web应用,为开发者提供了更多创作空间和机会。学习Flutter能够帮助开发者快速掌握跨平台开发技能,促进职业发展,助力在竞争激烈的市场中脱颖而出,实现个人的技术和职业目标。

Flutter环境搭建

俗话说的好,万层高楼平地起,学习Flutter首先第一步就是环境的搭建,那么这里第一课就是学习搭建Flutter环境,因为我们开发都提倡使用Mac开发,所以本篇文章主要是围绕Mac系统搭建Flutter环境。其他系统可以参考官方教学或者博文文章自行学习。

1、查看本机环境配置

  1. 查看本机环境文件
  • 命令查看:
echo $SHELL

结果:

image.png

  • 直接打开终端,看顶部标题如果是zsh,如上图红圈1所示,就是说明环境配置文件是那个了。
  1. 查看本机环境配置

在 macOS 系统中,使用的是 bash 终端:

cat ~/.bash_profile

使用的是 zsh 终端:

cat ~/.zshrc

执行命令后,就能看到当前环境配置了。如下图

image.png

2、修改本机环境配置

  • 打开环境变量文件

bash 终端:

vim ~/.bash_profile

zsh 终端:

vim ~/.zshrc
  • 修改终端编辑状态

英文键盘状态下按 “i”切换到可编辑状态。

  • 修改环境变量设置:

在配置文件中添加、修改或删除您需要的环境变量设置。

  • 保存并退出编辑器:

首先按“esc”键退出编辑状态, 在按“:wq”+回车,进行保存修改并退出编辑器。

  • 生效配置文件

bash 终端则运行:

source ~/.bash_profile      

zsh 终端 则运行:

source ~/.zshrc 

通过这些步骤,您可以切换终端使用的环境变量文件,并确保终端在启动时加载所需的环境变量设置。

3、下载Flutter SDK

  • SDK 下载链接

https://flutter.cn/docs/release/archive?tab=macos

  • 解压SDK放置位置

如:Users/zhouweilong/fvm/versions/3.10.0

4、配置Flutter环境配置

  • 执行命令 vim ~/.bash_profile or vim ~/.zshrc 打开配置文件。

  • 点击“i” 进入编辑状态

  • 在配置文件中加上Flutter sdk配置信息

export PATH=$HOME/fvm/versions/3.10.0/bin:$PATH
  • 按esc退出编辑状态,输入“:wq”保存退出。

  • 执行命令“source ~/.bash_profile or source ~/.zshrc”让配置生效。

  • 执行“flutter --version”如下

image.png

代表flutter环境配置好了。

5、重点提醒

国内的网络环境下可能需要对 Flutter 工具进行一些额外配置,请参考文档 在中国网络环境下使用 Flutter。

根据文档可知需而外配置2项

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

Flutter版本管理

1、为什么要版本管理

  • 多个项目和团队协作

在开发多个 Flutter 项目或与其他开发者协作的情况下,每个项目可能需要使用不同的 Flutter 版本。通过版本管理,您可以为每个项目指定特定的 Flutter 版本,从而确保团队成员在同一开发环境中工作,减少因 Flutter 版本不一致而导致的问题。

  • 测试和回滚

当您的应用程序在新版本的 Flutter 上运行时出现问题时,版本管理可以使您更轻松地回滚到之前的稳定版本,从而减少测试和修复问题所需的时间和精力。

  • 新功能和实验性特性

Flutter 的新版本可能包含实验性特性或试验性功能,这些功能可能对您的应用程序产生积极或负面的影响。版本管理可以帮助您在开发过程中轻松切换和测试这些功能,以便您可以更好地了解它们,并确定是否要在应用程序中使用它们。

  • 学习开源项目

当我们在github或者其他地方下载值得学习的项目时,会发现项目使用的Flutter版本不一样,来回切换环境配置非常麻烦。所以版本管理可以有效的解决这个问题。

综上所述,版本管理对于确保 Flutter 应用程序的稳定性、兼容性和可维护性非常重要。它可以帮助开发者更好地管理 Flutter 的使用和更新,并确保团队之间的协作顺畅。

2、FVM 版本管理

  • FVM是什么

官方:https://fvm.app/

  • FVM安装

Mac使用brew进行安装 ,其他系统安装具体链接:点击这里

brew tap leoafarias/fvm
brew install fvm

确定是否安装成功

image.png

  • FVM环境配置

官方:https://fvm.app/documentation/getting-started/configuration

FVM_CACHE_PATH:指定Flutter版本的缓存路径。

FVM_GIT_CACHE:全局启用/禁用 git 缓存 ( true/ false)。

FVM_GIT_CACHE_PATH:设置本地git引用缓存的路径。

FVM_FLUTTER_URL:定义 Flutter 存储库 git URL。

FVM_PRIVILEDGED_ACCESS:启用/禁用 FVM 的特权访问 ( true/ false)。

案例:

export FVM_FLUTTER_URL=https://github.com/flutter/flutter.git
export FVM_CACHE_PATH=$HOME/fvm
export PATH=$PATH:~/fvm/default/bin
  • 执行 fvm use 3.10.0

image.png

  • 全局配置Flutter版本
fvm global 3.0.5//环境变量配置
export PATH=$PATH:~/fvm/default/bin

执行命令后,全局flutter使用版本就变成了3.0.5,不用修改配置文件了

3、如何在项目中使用FVM切换版本

  • 打开案例项目flutter_project ,执行 fvm use ,项目根目录会出现一个.fvm文件夹

image.png

  • 我们可以复制flutter_sdk全局路径配置flutter使用路径,方便fvm切换版本

第一步:
image.png

第二步:

image.png

第三步:

image.png

配置完后,直接使用fvm use xxx,xxx就是flutter的版本号,执行命令后,项目就会自动切换到xxx版本上了,是不是很方便。

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

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

相关文章

Android Studio 2023.2.1版本 kotlin编译报错踩坑

1、需求 由于最近在整理项目,做一些公共基础组件Maven仓库封装,由于之前项目jar包和kotlin版本很老,kotlin版本1.3.72版本 Gradle使用5.4.1 Android Studio版本是2023.2.1,分别依次顺序如下图所示。 如下图所示 2、分析编译报错…

(一)Python+GDAL实现BSQ,BIP,BIL格式的相互转换

环境:Windows10专业版 PyCharm2022.2.3 Python3.9.1 GDAL(GDAL-3.4.3-cp39-cp39-win_amd64) 系列文章: (一)PythonGDAL实现BSQ,BIP,BIL格式的相互转换 (二)BSQ,BIL,BIP存储格式的…

vue2处理跨域问题

vue中访问springboot中的RestController中的服务 &#xff08;vue.config.js不生效-CSDN博客&#xff09; 1、创建项目 使用vue init webpack my_frontend 创建vue项目 在HelloWorld.vue文件中添加内容&#xff1a; HelloWorld.vue 文件内容&#xff1a; <template>&…

多视图三维重建-SFM简介

背景 掌握传统的多视图三维重建基本流程 总体流程 多视图三维重建的Pipieline如下图&#xff0c;总共分为四个步骤&#xff1a; 拍摄场景多视角的图像建立这些图像之间的联系&#xff08;Data Association&#xff09;SFM稀疏重建MVS稠密重建 Data Association 建立图像…

数据可视化Grafana Windows 安装使用教程(中文版)

1.跳转连接 天梦星服务平台 (tmxkj.top)https://tmxkj.top/#/site?url 2.下载应用程序 官网地址&#xff1a;Grafana get started | Cloud, Self-managed, Enterprisehttps://grafana.com/get/ 3.修改配置文件 grafana\conf\defaults 4.启动\bin\目录下serve应用程序 浏…

PyCharm中配置PyQt5并添加外部工具

Qt Designer、PyUIC和PyRcc是Qt框架下的三个重要工具&#xff0c;总的来说&#xff0c;这三个工具各司其职&#xff0c;相辅相成&#xff0c;能显著提升Qt开发的速度与效率。 Qt Designer&#xff1a;是一个用于创建图形用户界面的工具&#xff0c;可轻松构建复杂的用户界面。…

政安晨:【Keras机器学习实践要点】(九)—— 保存、序列化和导出模型

政安晨的个人主页&#xff1a;政安晨 欢迎 &#x1f44d;点赞✍评论⭐收藏 收录专栏: TensorFlow与Keras机器学习实战 希望政安晨的博客能够对您有所裨益&#xff0c;如有不足之处&#xff0c;欢迎在评论区提出指正&#xff01; 这篇文章是保存、序列化和导出模型的完整指南。 …

绿联 安装PDF工具

这是一个强大的本地托管的基于 Web 的 PDF 操作工具&#xff0c;使用 docker&#xff0c;允许您对 PDF 文件执行各种操作&#xff0c;例如拆分、合并、转换、重组、添加图像、旋转、压缩等。这个本地托管的 Web 应用程序最初是 100% ChatGPT 制作的应用程序&#xff0c;现已发展…

【动手学深度学习-pytorch】-9.3深度循环神经网络

到目前为止&#xff0c;我们只讨论了具有一个单向隐藏层的循环神经网络。 其中&#xff0c;隐变量和观测值与具体的函数形式的交互方式是相当随意的。 只要交互类型建模具有足够的灵活性&#xff0c;这就不是一个大问题。 然而&#xff0c;对一个单层来说&#xff0c;这可能具有…

绿联 安装Uptime Kuma - 一款开源的服务器监控和状态检测工具

Uptime Kuma 功能简介 Uptime Kuma 是一款开源的服务器监控和状态检测工具&#xff0c;它帮助您跟踪服务器的可用性、性能和健康状态。 主要功能&#xff1a; 服务器监控 Uptime Kuma 可以监控多个服务器&#xff0c;包括 Web 服务器、数据库服务器、应用程序服务器等。 它会定…

mysql 常见运算符

学习了mysql数据类型&#xff0c;接下来学习mysql常见运算符。 2&#xff0c;常见运算符介绍 运算符连接表达式中各个操作数&#xff0c;其作用是用来指明对操作数所进行的运算。运用运算符 可以更加灵活地使用表中的数据&#xff0c;常见的运算符类型有&#xff1a;算…

什么是搜索引擎(SEO)爬虫它们是如何工作的?

什么是搜索引擎&#xff08;SEO&#xff09;爬虫&它们是如何工作的&#xff1f; 你的网站上有蜘蛛&#x1f577;️。别抓狂&#xff01;我说的不是真正的八条腿的蜘蛛&#x1f577;️。 我指的是搜索引擎优化爬虫。他们是实现SEO的机器人。每个主要的搜索引擎都使用爬虫来…