当前位置：首页 > news >正文

使用MacPro 安装flutter开发环境详细教程

news 来源：原创 2025/7/12 19:48:01

Mac 有英特尔芯片和苹果芯片，故安装路径可能略有不同，但是思路大致一样，以下内容仅供小伙伴们参考：
首先下载环境安装的软件，并推荐使用稳定版本。

gralde 8.5 点击下载

android studio 点击下载

jdk 点击下载

fluter Sdk 点击下载

使用shell 命令配置：
注意：使用 shell 命令两个脚本文件配置环境是的使用大致说明如下：

‌适用 Shell 类型‌
‌.bash_profile‌
专用于 ‌Bash Shell‌（macOS Catalina （10.15.7）之前版本的默认 Shell）1
‌.zshrc‌
专用于 ‌Zsh Shell‌（macOS Catalina （10.15.7）及之后版本的默认 Shell）
自己看下苹果系统版本：选择
命令如下：

open ~/.bash_profile 
open ~/.zshrc

大致要配置内容如下：

session *as a function*
export JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk-21.jdk/Contents/Home
export PATH=$JAVA_HOME/bin:$PATH:.
export CLASSPATH=$JAVA_HOME/lib/tools.jar:$JAVA_HOME/lib/dt.jar:.
export ANDROID_HOME=/Users/jwzh/Library/Android/sdk
export PATH=${PATH}:${ANDROID_HOME}/tools
export PATH=${PATH}:${ANDROID_HOME}/platform-tools
export GRADLE_HOME=/Users/jwzh/Library/Android/gradleVersion/gradle-8.5
export PATH=${PATH}:${GRADLE_HOME}/bin
export FLUTTER_HOME=/Users/jwzh/Flutter/flutter
export PATH=${PATH}:${FLUTTER_HOME}/bin
export DART_HOME=/Users/jwzh/Flutter/flutter/bin/cache/dart-sdk
export PATH=${PATH}:${DART_HOME}/bin
export RUBY_HOME=/usr/local/opt/ruby/3.4.4/bin
export PATH=${PATH}:${RUBY_HOME}
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH="$PATH":"$HOME/.pub-cache/bin"
export PATH="$HOME/.rbenv/shims:$PATH"
export POD_HOME=/Users/jwzh/.rbenv/versions/3.4.4/bin
export PATH=${PATH}:${POD_HOME}

保存文件刷新环境变了配置

srouce  ~/.bash_profile 
srouce  ~/.zshrc

遇到安装cocoapods。失败的小伙伴需要检查自己电脑是否安装了 ruby 语言环境以及 cocoapods版本。

ruby -v
pod -v

mac 电脑自带了 ruby 版本，但是有时候我们需要切换成自己安装的版本
需要使用 rbn管理版本查看安装如下：

1、安装 rbenv 和 ruby-build
brew install rbenv ruby-buildbash
2、初始化 rbenv（写入 zsh 配置）
echo 'export PATH="$HOME/.rbenv/bin:$PATH"' >> ~/.zshrc
echo 'eval "$(rbenv init - zsh)"' >> ~/.zshrc
source ~/.zshrcbash
3、配置 ruby-build 使用国内镜像（清华源）
export RUBY_BUILD_MIRROR_URL=https://cache.ruby-china.com/pub/rubybash
4、查看最新版 Ruby
rbenv install -l | grep -v - | tailbash可能会看到以下几个版本输出3.1.4
3.2.3
3.3.0bash安装最新稳定版（比如 3.3.0）rbenv install 3.3.0
rbenv global 3.3.0
AI写代码
bashruby -v解决 ： 在 Mac 上无法使用 rbenv 更改 Ruby 版本export PATH="$HOME/.rbenv/shims:$PATH"

遇到ruby 版本和 cocoapods 版本不配对，需要先清除cocoapods 版本

sudo gem update cocoapods要彻底清理 ~/.cocoapods 目录及相关缓存文件，请按以下步骤操作：1. 删除核心目录
执行以下命令移除 CocoaPods 本地仓库和配置：bash
Copy Code
rm -rf ~/.cocoapods
此操作会删除所有已下载的 Podspec 仓库（如 trunk 或 master）23。2. 清理缓存文件
同时删除缓存目录以释放空间：bash
Copy Code
rm -rf ~/Library/Caches/Cocoapods
该目录存储了已下载的第三方库缓存，清理后可节省约 1GB 空间14。3. 补充清理（可选）
‌DerivedData‌：清除 Xcode 构建缓存（可能包含 Pods 相关中间文件）：bash
Copy Code
rm -rf ~/Library/Developer/Xcode/DerivedData/*
12。‌工程文件‌：若需从项目中移除 CocoaPods，还需删除 Podfile、Podfile.lock、Pods 文件夹及 .xcworkspace 文件57。4. 验证清理结果
运行以下命令确认无残留：bash
Copy Code
pod --version  # 应提示命令未找到
ls ~/.cocoapods  # 目录不应存在

解决代理和安装源问题：

其中 github 的问题，最好通过设置一个代理解决，github设置代理方式如下：git config --global http.proxy http://127.0.0.1:7890
git config --global https.proxy http://127.0.0.1:7890切换 Google 源
marven的部分最好替换一个国内的源，替换步骤如下：
我用的是: https://dl.google.com/dl/android/maven2打开flutter根目录
打开文件 packages/flutter_tools/lib/src/http_host_validator.dart
修改其中 kMaven（修改地址如下：http://maven.aliyun.com/nexus/content/groups/public/）重新执行 flutter doctor还有关键的一步，需要删除掉flutter运行工具的缓存文件。
cd ${flutter_sdk}/bin/cache/flutter_tools.snapshot

再次检测：

jwzh@jwzhs-MacBook-Pro ~ % flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 3.24.0, on macOS 15.4.1 24E263 darwin-x64, locale zh-Hans-CN)
[✓] Android toolchain - develop for Android devices (Android SDK version 35.0.1)
[!] Xcode - develop for iOS and macOS (Xcode 16.3)✗ CocoaPods installed but not working.You appear to have CocoaPods installed but it is not working.This can happen if the version of Ruby that CocoaPods was installed with is different from the one beingused to invoke it.This can usually be fixed by re-installing CocoaPods.For re-installation instructions, see https://guides.cocoapods.org/using/getting-started.html#installation
[✓] Chrome - develop for the web
[✓] Android Studio (version 2024.2)
[✓] Connected device (3 available)
[✓] Network resourcesjwzh@jwzhs-MacBook-Pro ~ % ruby -v
ruby 3.4.4 (2025-05-14 revision a38531fd3f) +PRISM [x86_64-darwin24]
安装 cocopods. 之前我们清除了 cocoapos 重启 mac后再次安装。

使用MacPro 安装flutter开发环境详细教程

Mac 有英特尔芯片和苹果芯片，故安装路径可能略有不同，但是思路大致一样，以下内容仅供小伙伴们参考： 首先下载环境安装的软件，并推荐使用稳定版本。 gralde 8.5 点击下载 android studio 点击下载 jdk 点击下载…...

编程日记 2025/7/12 19:48:01

常见的 API 及相关知识总结

常见的 API 及相关知识总结一、Math 类 Math 类提供了许多用于数学计算的静态方法和常量。常见方法总结方法描述Math.abs()返回一个数的绝对值Math.ceil()返回大于或等于给定数字的最小整数Math.floor()返回小于或等于给定数字的最大整数Math.round()对一个数进行四舍五…...

编程日记 2025/6/27 23:08:34

7-Zip软件下载与使用攻略：如何使用7z格式解压缩更高效？

在数字化文件管理中，压缩与解压缩工具的选择至关重要。7-Zip是一款广受欢迎的开源软件，以其高效的压缩率和多种格式支持而备受推崇。然而，解压专家作为另一款优秀的解压缩软件，同样值得关注。本文将为您推荐7-Zip的下载渠道&#…...

编程日记 2025/6/27 23:37:26

第 84 场周赛：翻转图像、字符串中的查找与替换、图像重叠、树中距离之和

Q1、[简单] 翻转图像 1、题目描述给定一个 n x n 的二进制矩阵 image ，先水平翻转图像，然后反转图像并返回结果。水平翻转图片就是将图片的每一行都进行翻转，即逆序。例如，水平翻转 [1,1,0] 的结果是 [0,1,1]。反转…...

编程日记 2025/6/28 21:57:15

SkyReels-V2：开启无限时长电影生成新时代

AI 在视频生成领域的突破尤为引人注目，为内容创作带来了全新的可能性。而 SkyReels-V2 的问世，更是如同一场革命，彻底颠覆了人们对视频生成技术的认知，开启了无限时长电影生成的新时代。一、背景与挑战回顾视频生成技术的发展…...

编程日记 2025/7/12 19:47:06

教师可用的申报书——基于GAI的小学数学课堂跨学科支架设计与实践

课题申报书：基于GAI的小学数学课堂跨学科支架设计与实践（一）立项依据与研究内容 1. 项目的立项依据 1.1 研究意义 2025年《教育强国建设规划纲要》明确提出“推动学科融合发展”，《信息化标准建设行动计划（2024-2027年）》强调技术赋能教育创新。小学数学作为基础学科，…...

编程日记 2025/7/12 19:41:19

79、modelsim单独仿真altera带IP核的文件

1.编译 quartus 仿真库（如果有就不用编译了） 编译完成后 sim 文件夹中产生一个 verilog_libs 文件夹,打开文件夹以上便是编译产生的库，将库添加到 modelsim 中也就是观察此文件中的 modelsim.ini 与 modelsim 安装目录下此…...

编程日记 2025/6/27 23:31:40

将 Workbook 输出流直接上传到云盘

如果不想将 Excel 文件保存到本地，而是希望直接将输出流上传到云存储（如阿里云OSS、腾讯云COS、七牛云等），可以采用以下方法： 文章目录 1. 创建内存中的 Excel 输出流2. 上传到云存储的通用方法3. 具体云服务实现示例…...

编程日记 2025/7/12 19:30:23

【LINUX操作系统】日志系统——自己实现一个简易的日志系统

经过一段时间的操作系统的学习，现在是时候让读者朋友们利用学过的技术知识自己完成一个简单的日志系统。认识、了解日志系统既是对已有多线程知识的运用，也是进一步提升项目技术能力的必须步骤。 1. 什么是日志⽇志认识计算机中的⽇志是记录系统和软件…...

编程日记 2025/6/27 22:59:53

HTML页面渲染过程

前言文章很长，凡是我觉得好的东西统统都塞进来了。看了很多的文章，有些说法甚至都不统一，所以还动用了AI搜索。总之希望这篇文章能有点用，如有错误，欢迎指正。浏览器介绍浏览器的主要组件包括： 界面…...

编程日记 2025/7/12 19:43:37

【八股战神篇】Java虚拟机（JVM）高频面试题

目录专栏简介一请解释Java虚拟机（JVM）及其主要功能延伸 1. JVM的基本概念 2. JVM的主要功能二对象创建的过程了解吗延伸 1.Java 创建对象的四种常见方式三什么是双亲委派模型延伸 1.双亲委派机制的作用： 2.双亲委派模型…...

编程日记 2025/6/27 23:14:05

微店商品详情接口开发指南

接口概述微店商品详情接口（/api/v1/product/detail）用于获取商品的完整信息，包括标题、价格、库存、SKU、主图等数据，支持OAuth2.0鉴权。点击获取key和secret 请求方式 GET https://open.weidian.com/api/v1/product/detail …...

编程日记 2025/6/27 23:09:07

拦截指定注解（FeignClient），补偿重试

拦截指定注解（FeignClient），补偿重试；对代码无入侵避免正常调用和重试逻辑调用重复插入； 根据自己的业务需求插入新数据时是否需要删除之前的旧数据，防止数据覆盖 import cn.hutool.core.util.ObjectUti…...

编程日记 2025/7/12 19:26:35

使用 GitHub Pages 部署单页面应用教程

## 简介 GitHub Pages 是 GitHub 提供的一个静态网站托管服务，可以免费托管个人、项目或组织页面。本教程将指导您如何部署一个单页面应用到 GitHub Pages。 ## 前提条件 - 拥有 GitHub 账号 - 已安装 Git - 已安装 Node.js（如果使用前端框架&#x…...

编程日记 2025/6/27 23:18:58

day16-17-磁盘管理

1. 磁盘分类磁盘接口硬盘大小 sata接口机械硬盘、固态硬盘机械：4tb 10k性能要求不高 sas接口机械硬盘、固态硬盘机械：900G 15k性能好，容量低 pcie-e接口固态硬盘 tb级别 4tb 8tb 性能要求高，数据库&#xff0c…...

编程日记 2025/6/27 23:00:12

【神经网络与深度学习】扩散模型之通俗易懂的解释

引言： 扩散模型（Diffusion Models）是近年来深度学习领域的一项重要突破，尤其在生成式人工智能（Generative AI）中展现了惊人的能力。它的核心思想类似于一个孩子学习搭建乐高城堡的过程——先拆散&#xff0…...

编程日记 2025/7/12 19:32:05

Linux Bash 中 $? 的详细用法

Bash (Bourne Again SHell) 是使用最广泛的 SHell 脚本语言之一，因为它与 Unix 和 Linux 系统兼容。它提供了许多内置函数和变量，使脚本编写更高效，更不容易出错。其中一个变量是 $?， 它是 Bash 脚本错误处理的一个组成部分。这个…...

编程日记 2025/7/4 4:35:01

嵌入式培训之系统编程（一）标准IO、文件操作

目录一、系统编程概述二、标准IO （一）（以计算机为中心）标准IO （二）io的分类 （三）man命令三、文件读写操作 （一）文件操作步骤 （二&#…...

编程日记 2025/6/27 23:25:53

NVIDIA Earth-2 AI 天气模型 DLI 课程：解锁全球风云的未来之匙

电影闲聊引发思索之言： 曾几何时，当我们闲聊起那些描绘美国气候的大电影时（龙卷风-后天等美国大片），仿佛被带入了一个个奇幻而真实的气象世界。从狂风暴雨到烈日炎炎最后到冰天雪地，电影里的场景让我们对气…...

编程日记 2025/7/12 19:18:46

至此（day1-day4）代码详解（ai辅助整理）

至此（day1-day4）代码详解 ipl10.nas ; 第一阶段引导程序 ; 功能：读取磁盘数据并跳转到第二阶段加载程序 ; 编译参数：nask -o ipl10.bin ipl10.nasCYLS EQU 10 ; 预设读取柱面数（实际值由BIOS决定）ORG…...

编程日记 2025/6/27 23:19:41

STM32F103_LL库+寄存器学习笔记12.2 - 串口DMA高效收发实战2：进一步提高串口接收的效率

导言通过优化代码算法，在串口空闲中断回调里不需要暂时关闭DMA接收，达到提高串口接收的效率。在IDLE接收中断里关闭DMA接收会导致接收过程中有数据丢失风险（关DMA的瞬间如果有数据到来，会丢帧！）。回顾一…...

编程日记 2025/6/27 23:20:11

conda 设置env后，环境还是安装在c盘的解决方式：

1|设置 envs 文件夹权限右键【envs】文件夹，选择【属性】选择【安全】，点击【编辑】选中【Users(用户名\Users)】，选中运行所有权限，如图所示点击【确认】，确保修改被保存 2、环境变量path设置选择【高级系统设置…...

编程日记 2025/6/27 23:24:04

简单工厂模式 public class CoffeeFactory {public Coffee get(string coffeeType) {Coffee coffee null;if ("American".equals(coffeeType)) {coffee new AmericanCoffee();} else if ("Latte".equals(coffeeType)) {coffee new LatteCoffee();}retur…...

编程日记 2025/6/27 23:34:47

动态规划-LCR 090.打家劫舍II-力扣(LeetCode)

一、题目解析本题与打家劫舍的最大区别在于房子不是线性分布的了，而是首尾相连的环形分布，即如果偷了第一间房子，那么最后一间房子就不能偷了，因为它们是相连的。二、算法原理在分析之前我们可以先讨论上面提到的第一间房子偷…...

编程日记 2025/6/27 23:11:43

2025 年暑假 LBE 大空间市场火爆程度预测：技术驱动与消费升级下的增长引擎

一、市场爆发的底层逻辑根据 DeepSeek 行业报告显示，2025 年 LBE 大空间市场将呈现结构性爆发，核心驱动力来自三大技术突破： 空间计算能力跃迁：上海移动已开通全球最大规模商用 5G-A 3CC 网络，主城区及十大重点场景…...

编程日记 2025/6/27 23:05:35

【AI 大模型】盘古大模型简介 ( 创建空间 | 体验模型 | 部署模型 )

文章目录一、盘古大模型简介1、创建空间2、体验模型3、部署模型总结 : 盘古大模型是开发部署盘古基础模型 , 或在盘古模型基础上进行微调训练的大模型的平台 , 是开发训练大模型的平台 ; 不适合中小企业和个人开发者开发大模型应用 ; 一、盘古大模型简介 1、…...

编程日记 2025/6/27 23:04:09

2025年护网行动蓝队防御全解析：构建智能动态防御体系

2025年，随着网络攻击手段的智能化、混合化升级，护网行动中的蓝队防御已从传统的被动防护转向“动态感知、智能研判、主动反制”的立体化模式。如何在攻防不对称的对抗中实现“看得见、防得住、溯得清”？本文将结合前沿技术与实战经验&#xf…...

编程日记 2025/6/27 23:03:03

【Java高阶面经：微服务篇】3.熔断机制深度优化：从抖动治理到微服务高可用架构实战

一、熔断抖动的本质剖析与核心成因 1.1 熔断机制的核心价值与抖动危害熔断机制作为微服务弹性架构的核心组件，通过模拟电路断路器逻辑，在服务出现异常时自动阻断请求链，防止故障扩散引发雪崩。但频繁的“熔断-恢复-熔断”抖动会导致：用户体验恶化：请求成功率波动大，响…...

编程日记 2025/6/27 23:33:57

HTML回顾

html全称：HyperText Markup Language（超文本标记语言）注重标签语义，而不是默认效果规则块级元素包括: marquee、div等行内元素包括: span、input等规则1：块级元素中能写：行内元素、块级元素（几乎什么都能写）规则2：行级元素中能写：行内元素，但不能写：块…...

编程日记 2025/6/27 23:11:05

Leetcode百题斩-字典树

208. Implement Trie (Prefix Tree)[medium] 做完了哈希，来看看数据结构，做做字典树。字典树在搜索方面的作用还是蛮大的，主要是能实现前缀联想以及正确性匹配相关的功能。字典树又名前缀树，顾名思义就是维护字符串的前缀。这个…...

编程日记 2025/6/27 23:12:41

大数据Spark（五十九）：Standalone集群部署

文章目录 Standalone集群部署一、节点划分二、搭建Standalone集群 1、将下载好的Spark安装包上传解压 2、配饰spark-env.sh 3、配置workers 4、将配置好的安装包发送到node2、node3节点上 5、启动Standalone集群三、提交任务测试 Standalone集群部署 Standalone 模…...

编程日记 2025/6/27 23:00:09

Vue 3 ～ 3.5 版本useTemplateRef使用

注意，useTemplateRef版本要在 3.5 以后才可使用，版本低的 ref 替代问题也不大～ 2024 年 9 月 1 日发布的组合式 API：辅助 | Vue.js，引入一个小小的新 API useTemplateRef()，它用于访问实际的 DOM 节点。 …...

编程日记 2025/6/27 23:32:35

使用F5-tts复刻音色

最近第一人称视角的视频很火，想试试看复刻一下电视剧中某个角色的音色。看了下字节的API，嗯。。。138元一个音色，还不包括合成语音的费用，算了还是看看开源项目吧。随便搜了搜，发现了两个项目一个是openvoice&#x…...

编程日记 2025/7/10 20:14:12

使用亮数据代理IP+Python爬虫批量爬取招聘信息训练面试类AI智能体（附完整源码）

文章目录一、为什么要用代理IP？(重要！)二、环境准备（5分钟搞定）三、爬虫核心代码解析（含反反爬技巧）四、数据清洗的3个关键步骤五、训练AI智能体的实战技巧六、法律风险防范（必须看&#xff01…...

编程日记 2025/7/9 23:54:04

[软件工程]第二章题目汇总

1 [单选题] 原型化模型是（ ）。 A、适用于客户需求被明确定义的情况 B、很难产生有意义产品的一种冒险模型 C、提供一个精确表述的形式化规格说明 D、适用于客户需求难以清楚定义的情况 2 [单选题] 下列关于增量模型的说法正确的是（ &…...

编程日记 2025/6/27 23:40:43

Java EE进阶1：导读

1.发展历程 2.学习内容前⾯的课程中,学习的是Java基础,JavaEE主要学习Java的应用,也就是学习Java在企业中是如何应用的 Java更多场景是业务开发,更狭义点可以理解为web开发.所以咱们的学习也是围绕着如何使用Java来做web开发 2.1 什么是Web开发？ web&#xff08…...

编程日记 2025/6/27 23:34:48

Unity自定义shader打包SpriteAtlas图集问题

Unity打包图集还是有一些坑的，至于图集SpriteAtlas是什么请参考我之前写的文章：【Sprite Atlas】Unity新图集系统SpriteAtlas超详细使用教程_spriteatlas 使用-CSDN博客问题： 今天碰到的问题是，shader绘制的时候，因…...

编程日记 2025/6/27 23:13:19

系统集成项目管理工程师学习笔记之启动过程组

第十章启动过程组制定项目章程定义制定项目章程是编写一份正式批准项目并授权项目经理在项目活动中使用组织资源的文件的过程。正式批准的项目文件作用 1、明确项目与组织战略目标之间的直接联系 2、确立项目的正式地位 3、展示组织对项目的承诺本过程仅开展一…...

编程日记 2025/7/11 10:06:12

vscode 常用调试

一、文件执行 python script.py {"name": "Python 调试程序: 当前文件","type": "debugpy","request": "launch","program": "${file}","console": "integratedTerminal"…...

编程日记 2025/6/30 17:27:20

Java 07异常

异常指的是程序在编译和执行的过程中，出现的非正常的情况； 当然语法错误并不属于错误异常体系最大的Throwable; 分为两个：Error ExceptionError 严重级别问题常见的堆内存溢出栈内存溢出Exception 分为两个子类 RuntimeException 运…...

编程日记 2025/6/27 23:31:15

2025年PMP 学习二十三 16章高级项目管理

2025年PMP 学习二十三 16章高级项目管理文章目录 2025年PMP 学习二十三 16章高级项目管理高级项目管理战略管理战略管理的组成要素：企业战略转化为战略行动的阶段： 组织战略类型战略组织类型组织级项目管理OPM（公司项目管理） 组…...

编程日记 2025/6/27 23:09:02

【Java高阶面经：微服务篇】1.微服务架构核心：服务注册与发现之AP vs CP选型全攻略

一、CAP理论在服务注册与发现中的落地实践 1.1 CAP三要素的技术权衡要素AP模型实现CP模型实现一致性最终一致性（Eureka通过异步复制实现）强一致性（ZooKeeper通过ZAB协议保证）可用性服务节点可独立响应（支持分区存活）分区期间无法保证写操作（需多数节点可用）分区容错性…...

编程日记 2025/6/27 23:01:56

ISCC 2025决赛 wp

PWN Dilemma 64位程序没有开启PIE，并且过滤了execve，不能使用system这些的了，所以要考虑ORW来做进入main函数分析，这里有两个函数一个func_1一个func_2。这两个函数都有漏洞，以下是详细分析： 对于func…...

编程日记 2025/7/12 15:04:50

C++（5）switch语句循环while

这是一个电影评分的程序 default 就是如果上述的都没有执行就统一的执行default的内容。然后记得break ___________________________________ 循环 （while） while的使用方式输出 0-9的while循环...

编程日记 2025/6/27 0:26:37

操作系统----软考中级软件工程师（自用学习笔记）

目录 1、计算机系统层次结构 2、程序顺序执行的特征 3、程序并发执行的特征 4、三态模型 5、同步与互斥 6、信号量机制 7、PV操作 8、死锁 9、进程资源图 10、死锁避免 11、线程 12、程序局部性原理 13、分页存储管理 14、单缓冲器 15、双缓冲区 16、磁盘调度算…...

编程日记 2025/6/27 23:27:04

利用Spring Boot和Redis构建高性能缓存系统

利用Spring Boot和Redis构建高性能缓存系统引言在现代Web应用中，缓存是提升系统性能的关键技术之一。Redis作为一种高性能的内存数据库，广泛应用于缓存场景。本文将介绍如何利用Spring Boot和Redis构建一个高性能的缓存系统，涵盖Redis的基…...

编程日记 2025/6/27 23:07:05

每日一题：1、虚拟IPv4地址转换为32位整数（JS）

题目背景我们需要处理一种特殊的虚拟IPv4地址，这种地址由4个小节组成，每节之间用#分隔。与标准IPv4地址不同，虚拟IPv4地址的第一节范围是1~128，后三节的范围是0~255。我们需要将这种虚拟IPv4地址转换为一个唯一的32位整数。如果…...

编程日记 2025/6/27 23:24:25

[Vue]组件介绍和父子组件间传值

组件介绍 Vue3的 .vue文件中的主要部分分别分为三个：<template>、<script>、<style> <template>： 结构，相当于原html中的<head><body><footer>部分。原本的index.html现在只做一个容器&#xff0…...

编程日记 2025/6/27 23:24:12

Vue3 中使用 provide/inject 实现跨层级组件传值失败的原因及解决方案

1、基础用法父组件： <script setup> import { ref, provide } from vue; import ChildComponent from ./ChildComponent.vue; const parentData ref(初始数据); // 提供数据 provide(parentData, parentData); </script>子组件： <sc…...

编程日记 2025/7/9 10:30:41

Git Hooks 和自动生成 Commit Message

前言： 企业编程必须始终依赖流程，而不是个人。个人能力很重要，应该鼓励，但不能指望它，否则软件质量将不一致，没有可持续性。一旦顶级程序员跳槽，公司就会陷入困境。企业应该努力改进工作流程&am…...

编程日记 2025/6/27 23:02:10

相关文章：