【MCP】第二篇:IDE革命——用MCP构建下一代智能工具链
【MCP】第二篇:IDE革命——用MCP构建下一代智能工具链
- 一、引言
- 二、IDE集成MCP
- 2.1 VSCode
- 2.1.1 安装VSCode
- 2.1.2 安装Cline
- 2.1.3 配置Cline
- 2.1.4 环境准备
- 2.1.5 安装MCP服务器
- 2.1.5.1 自动安装
- 2.1.5.2 手动安装
- 2.2 Trae CN
- 2.2.1 安装Trae CN
- 2.2.2 Cline使用
- 2.2.3 内置MCP客户端
- 2.3 Cursor
- 2.3.1 安装Cursor
- 2.3.2 Cline使用
- 2.2.3 内置MCP客户端
- 三、MCP热门市场
- 四、总结
一、引言
在上一篇《【MCP】第一篇:MCP协议深度解析——大模型时代的"神经连接层"架构揭秘》中,我们揭示了 MCP 如何像 “万能插座” 般打通 AI 与工具间的数据孤岛。而要让这一协议真正落地,MCP Cline客户端是开发者手中的 “连接器钥匙” ——无需商业授权、无需复杂配置,这个开源免费的轻量级工具,将让 IDE 瞬间获得 “AI调用万物” 的超能力。
- 为什么选择 Cline?开源生态的三大底气:
- 零成本自由: MIT 协议开源,个人/企业均可免费用作商业场景(GitHub Star趋势)
- 协议级兼容: 100%覆盖 MCP 1.2 标准(ReAct/FunctionCall双引擎+动态路由)
- 透明可信赖: 代码审计可溯源,拒绝黑盒风险(支持TLS双向认证+硬件级密钥托管)
二、IDE集成MCP
三大主流IDE(Trae CN、VSCode、Cursor)集成MCP的实战方案
2.1 VSCode
2.1.1 安装VSCode
如果你已安装 VSCode 编辑器,跳到下一步;如果没有安装,参考这篇文章
2.1.2 安装Cline
- 点击 VSCode 左边侧边栏的扩展,如下图中的 ①
- 在扩展搜索栏中输入 cline,如下图中的 ②
- 选择 Cline Chinese,并点击右下角的安装,如下图中的 ③
注: 下图中的第一个Cline是官方提供的扩展,但是英文版本的,Cline Chinese是官方Cline的汉化版,英文不好的同学,建议下载 Cline Chinese(博主英文也不是很好😂)
2.1.3 配置Cline
安装完Cline后,会在左边的侧边栏多出一个机器人的图标(如下图中的 ①),这个就是Cline的入口
4. 点击Cline图标,进入到Cline的首页
5. 点击设置按钮(如下图中的 ②),进行大模型API提供商的配置;通过配置可以看到,基本上主流的提供商(OpenAI、DeepSeek、Gemini等)都是支持的,大家可以根据自己的偏好选择;
博主偏好的是使用硅基流动的API,配置如下:
注: 填写好相关配置后,记得点击右上角的完成进行保存
2.1.4 环境准备
MCP服务器本质是运行在本地的 python 或 nodejs 脚本,所以我们需要安装 python 和 nodejs 的环境
-
安装python
参考这篇文章 -
安装nodejs
参考这篇文章
2.1.5 安装MCP服务器
点击Cline上方的第二个图标(如下图),会进入到MCP服务器安装界面
Cline提供了两种MCP服务器的安装方式:自动安装、手动安装
2.1.5.1 自动安装
自动安装MCP服务器:其实是让AI帮你安装,是一个 ReAct 模式流程,下面将以安装Time这个MCP服务器为例
- 点击安装
- AI会生成相关操作步骤,并且需要执行命令,我们点击Run Command运行命令
- 上一步命令完成后(博主这里因为文件已经存在所以报错,但不会影响后续步骤),AI继续会生成下一步的相关操作,并且需要执行命令,我们继续点击Run Command运行命令
- 我们跟着AI一步一步操作执行,最终来到编写cline_mcp_settings.json文件,AI帮我们生成文件内容如下图一
我们去已安装目录下查看,发现Time这个MCP服务器是报错的,因为AI帮我们生成的内容是符合linux环境的,但我们使用的Windows环境,所以我们需要对这件进行稍微的修改
修改后的内容如下图
此时再去已安装目录下查看Time这个MCP服务器,是正常运行的,而且提供了两个工具方法(获取当前时间和转换时间)
- 安装后,我们新建一个会话任务(Cline上方的第一个 + 图标),并且将使用MCP服务器勾选上,提问“当前是什么时间”
注: 众所周知 DeepSeek-V3 是查询不了当前时间的,上述配置了Time的MCP服务器,如果MCP能生效,就能够调用这个Time的MCP服务器,最终返回正确的当前时间
从下图的回复结果发现,大模型需要调用Time的MCP服务器,表示大模型识别了Time的MCP服务器,并且正确的调用了方法
最终结果也显示正确
2.1.5.2 手动安装
手动安装MCP服务器:本质是手动编写cline_mcp_settings.json文件
- 依次点击 已安装 配置MCP服务器 会跳转到cline_mcp_settings.json文件中(如下图)
- 在MCP服务器市场上随便找一个MCP服务器(下面将以File System为例),点击这个MCP服务器(不是点击安装)
会跳转到这个MCP服务器的介绍页(如下图)
- 一直往下翻,我们找到VSCode对应的NPX配置介绍(如下图),复制它
- 将它粘贴到cline_mcp_settings.json文件中(如下图)
- 修改部分配置(因为Windows系统的缘故),修改后的内容如下图所示,在已安装列表中也能看到filesystem这个MCP服务器是正常运行的
注: 修改规则
①在args中新增一个参数 /c ,且是第一个
②将command中的参数复制到args中,且作为第二个参数
③将command中的参数修改为 cmd
- 新建一个会话任务,并提问“在本地服务器的G:/AI/project/mcp/test目录下有多少个文件”
查看结果,在执行过程中也是正确识别并调用了我们配置的filesystem MCP服务器,结果也是正确的
2.2 Trae CN
2.2.1 安装Trae CN
如果你已安装 Trae CN 编辑器,跳到下一步;如果没有安装,参考这篇文章
2.2.2 Cline使用
Trae CN的Cline安装步骤和使用流程与VSCode基本是一致,这里就不赘述了
注: Trae CN的Cline客户端只有英文版,没有汉化版😒
2.2.3 内置MCP客户端
在最近的 0.5.0 版本中,Trae CN 内置了MCP的功能(如下图),所以升级到 0.5.0+ 版本,就能直接使用MCP服务器
- 点击Trae CN 右边侧边栏中的 设置 MCP(下图一),会跳转到MCP配置页(下图二)
- 点击 添加 MCP Servers,会跳转到 MCP市场(如下图)
- 目前 Trae CN 提供的MCP服务器大部分还是手动配置的,只有少部分( 标注着轻松配置)点击后面的 + 号,是能帮我们编写好文件内容的;手动配置与上述 VSCode 的操作是一致的,这里也就不赘述了;我们也是可以将 VSCode 那边的配置直接复制过来使用(如下图)
在 Trae CN AI 对话栏的默认智能体中也是成功附带上了我们配置的两个MCP服务器(如下图)
- 直接提问“现在是什么时间”
查看结果,在执行过程中也是正确识别并调用了我们配置的time MCP服务器,结果也是正确的
2.3 Cursor
2.3.1 安装Cursor
如果你已安装 Cursor 编辑器,跳到下一步;如果没有安装,参考这篇文章
2.3.2 Cline使用
Cursor的Cline安装步骤和使用流程与VSCode是完全一致(同样有汉化版),这里就不赘述了
2.2.3 内置MCP客户端
Cursor 在 0.47.0 版本中内置了MCP的功能,所以升级到 0.47.0+ 版本,就能直接使用MCP服务器
- 点击 Cursor 右上角的设置按钮,然后点击左边侧边栏的 MCP,会进入MCP Servers的配置页(如下图)
- 目前 Curosr 只提供了MCP服务器的手动配置,点击 Add new global MCP server(如下图)
- 配置方式与上述 VSCode 的操作是一致的,也是可以将 VSCode 那边的配置直接复制过来使用(如下图)
回到刚才的 MCP Servers 页面查看,time和filesystem两个MCP服务器是正常运行的
- 在AI交互窗口中,添加 mcp.json 上下文(如下图)
- 直接提问“现在是什么时间”
查看结果,在执行过程中也是正确识别并调用了我们配置的time MCP服务器,结果也是正确的
三、MCP热门市场
- 官方github
- smithery
- MCP HOME
四、总结
通过本篇实战探索,我们见证了MCP如何通过IDE集成完成从理论到生产力的关键一跃:
- 技术本质
MCP在IDE生态中扮演着"神经信号转换器"的角色——将自然语言指令转化为精准的系统级操作,如同人类神经系统将思维转化为肌肉动作,让开发者通过对话式交互调度跨平台工具链。 - 生态价值
构建"开发即服务"的共生体系:- 开发者通过IDE插件市场快速获取生产力工具(如自动生成Swagger对接模块)
- 企业借助Trae CN实现内部系统能力封装(如ERP数据接口的MCP协议化)
- 云厂商提供MCP-Hub托管服务,形成工具链生态闭环
🚧 下一站预告
《【MCP】第三篇:Cline工具链路追踪——解码"协议引擎"的神经传导奥秘》
相关文章:
【MCP】第二篇:IDE革命——用MCP构建下一代智能工具链
【MCP】第二篇:IDE革命——用MCP构建下一代智能工具链 一、引言二、IDE集成MCP2.1 VSCode2.1.1 安装VSCode2.1.2 安装Cline2.1.3 配置Cline2.1.4 环境准备2.1.5 安装MCP服务器2.1.5.1 自动安装2.1.5.2 手动安装 2.2 Trae CN2.2.1 安装Trae CN2.2.2 Cline使用2.2.3 内…...
WebSocket是h5定义的,双向通信,节省资源,更好的及时通信
浏览器和服务器之间的通信更便利,比http的轮询等效率提高很多, WebSocket并不是权限的协议,而是利用http协议来建立连接 websocket必须由浏览器发起请求,协议是一个标准的http请求,格式如下 GET ws://example.com:3…...
【PostgreSQL教程】PostgreSQL 特别篇之 语言接口连接Perl
博主介绍:✌全网粉丝22W+,CSDN博客专家、Java领域优质创作者,掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域✌ 技术范围:SpringBoot、SpringCloud、Vue、SSM、HTML、Nodejs、Python、MySQL、PostgreSQL、大数据、物联网、机器学习等设计与开发。 感兴趣的可…...
springboot-基于Web企业短信息发送系统(源码+lw+部署文档+讲解),源码可白嫖!
摘要 当今社会已经步入了科学技术进步和经济社会快速发展的新时期,国际信息和学术交流也不断加强,计算机技术对经济社会发展和人民生活改善的影响也日益突出,人类的生存和思考方式也产生了变化。本系统采用B/S架构,数据库是MySQL…...
Centos9安装docker
1. 卸载docker 查看是否安装了docker yum list | grep docker卸载老版本docker,拷贝自官网 sudo yum remove docker \docker-client \docker-client-latest \docker-common \docker-latest \docker-latest-logrotate \docker-logrotate \docker-engine卸载新版本…...
MySQL表的操作
MySQL表的操作 1. 创建表 在创建表前,需要先进入到某个数据库: use db_name创建表时,最好提前设计好表应该有的所有内容,否则后续添加或删除表的列可能会引发一连串的问题。 create table tb_name (field1 data_type [comment…...
Jmeter中同步定时器使用注意点
1.设置数量不可大于总线程数量,不然会一直等待 2.设置数量必须与总线程数量成整数倍数,不然还是要一直等。 3.当配置的数量小于线程数时,最好把循环打开,避免最后一次未准备好的线程数量达不到并发数。...
从零开始搭建Django博客③--前端界面实现
本文主要在Ubuntu环境上搭建,为便于研究理解,采用SSH连接在虚拟机里的ubuntu-24.04.2-desktop系统搭建,当涉及一些文件操作部分便于通过桌面化进行理解,通过Nginx代理绑定域名,对外发布。 此为从零开始搭建Django博客…...
使用Handsontable实现动态表格和下载表格
1.效果 2.实现代码 首先要加载Handsontable,在示例中我是cdn的方式引入的,vue的话需要下载插件 let hot null;var exportPlugin null;function showHandsontable(param) {const container document.getElementById("hot-container");// 如果…...
结合地理数据处理
CSV 文件不仅可以存储表格数据,还可以与地理空间数据结合,实现更强大的地理处理功能。例如,你可以将 CSV 文件中的坐标数据转换为点要素类,然后进行空间分析。 示例:将 CSV 文件中的坐标数据转换为点要素类 假设我们有…...
使用Geotools实现将Shp矢量文件加载SLD并合并图例生成-以湖南省周边城市为例
目录 前言 一、技术实现简介 1、生成成果说明 2、生成流程图说明 二、具体生成实践 1、渲染地图 2、生成图例 3、合并图像及输出 三、总结 前言 在当今数字化时代,地理信息系统(GIS)技术已成为城市管理、资源规划、环境监测等众多领域…...
openGauss数据库:起源、特性与对比分析
openGauss数据库:起源、特性与对比分析 一、起源与发展历程 1. 技术背景与开源历程 openGauss是由华为公司主导开发的开源关系型数据库管理系统,其技术根源可追溯至PostgreSQL。2019年,华为在内部整合了多个数据库产品线(如GMDB…...
相机中各个坐标系的转换关系如像素坐标系到世界坐标系以及相机标定的目的
一、背景 无论是机器人领域、SLAM还是自动驾驶领域,都会涉及相机标定,但是看了很多博客,都是各种坐标系的变换,没有从上层说明进行坐标变换的目的是什么,以及相机标定完成后,是已知像素坐标求世界坐标&…...
ubuntu24设置拼音输入法,解决chrome不能输入中文
## 推荐方案:使用 Fcitx5 Fcitx5 是当前在 Wayland 环境下兼容性最好的输入法框架。 ### 1. 安装 Fcitx5 bash sudo apt update sudo apt install fcitx5 fcitx5-chinese-addons fcitx5-frontend-gtk3 fcitx5-frontend-gtk4 fcitx5-frontend-qt5 fcitx5-module-c…...
linux内核进程管理(1)——创建,退出
linux源码阅读——进程管理(1) 1. 进程的基本介绍1.1 linux中进程和线程的区别1.2 task_struct中的基本内容1.3 命名空间ns(namespace)命名空间结构图Linux 中的命名空间类型 1.4 进程标识符 2. 创建一个进程的流程2.1 CLONE宏2.2 创建进程系统调用1. do…...
容器修仙传 我的灵根是Pod 第8章 护山大阵(DaemonSet)
第三卷:上古遗迹元婴篇 第8章 护山大阵(DaemonSet) 九霄之上,雷云如怒海翻腾。 天调度宗的护山大阵「九霄雷光阵」正发出悲鸣,七十二根镇山雷柱已有半数熄灭。每根雷柱底部,本该守护节点的「雷符傀儡」&a…...
使用Python将YOLO的XML标注文件转换为TXT文件格式
使用Python将YOLO的XML标注文件转换为TXT文件格式,并划分数据集 import xml.etree.ElementTree as ET import os from os import listdir, getcwd from os.path import join import random from shutil import copyfile from PIL import Image# 只要改下面的CLASSE…...
在面试中被问到spring是什么?
Spring框架的核心回答 1. 定义与定位 Spring是一个轻量级、开源的企业级应用开发框架,旨在简化Java应用的开发,提供全面的编程和配置模型。它的核心目标是解决企业应用开发的复杂性,通过模块化设计和松耦合架构,帮助开发者更高效…...
MongoDB Ubuntu 安装
MongoDB 安装 https://www.mongodb.com/zh-cn/docs/manual/installation/ https://www.mongodb.com/zh-cn/docs/manual/tutorial/install-mongodb-on-ubuntu/ https://www.mongodb.com/zh-cn/docs/manual/reference/ulimit/ https://www.mongodbmanager.com/download ubun…...
ElasticSearch深入解析(三):Elasticsearch 7的安装与配置、Kibana安装
文章目录 〇、简介1.Elasticsearch简介2.典型业务场景3.数据采集工具4.名词解释 一、安装1.使用docker(1)创建虚拟网络(2)Elasticsearch安装步骤 2.使用压缩包 二、配置1.目录介绍2.配置文件介绍3.elasticsearch.yml节点配置4.jvm.options堆配置问题:为什么说堆内存…...
初始SpringBoot
此文介绍一些有关我对SpringBoot的学习理解, 声明:此处我的IDEA是企业版的,可能和社区版会有一些差异 1. 第⼀个SpringBoot程序 1. SpringBoot介绍 我们看下Spring官方的介绍 可以看到,Spring让Java程序更加快速,简单和安全.Spring对于速…...
【算法笔记】动态规划基础(一):dp思想、基础线性dp
目录 前言动态规划的精髓什么叫“状态”动态规划的概念动态规划的三要素动态规划的框架无后效性dfs -> 记忆化搜索 -> dp暴力写法记忆化搜索写法记忆化搜索优化了什么?怎么转化成dp?dp写法 dp其实也是图论首先先说结论:状态DAG是怎样的…...
C++入门基础(2)
Hello~,欢迎大家来到我的博客进行学习! 目录 1.缺省参数2.函数重载3.引用3.1 引用的概念和定义3.2 引用的特性3.3引用的使用3.4 const引用3.5 指针和引用的关系扩展 4. nullptr 1.缺省参数 缺省参数是声明或定义函数时为函数的参数指定⼀个缺省值。在调用该函数时&…...
OpenCV-Python (官方)中文教程(部分一)_Day15
18.图像梯度 梯度简单来说就是求导。 OpenCV 提供了三种不同的梯度滤波器,或者说高通滤波器:Sobel, Scharr和Laplacian。Sobel,Scharr 其实就是求一阶或二阶导数。Scharr 是对 Sobel(使用小的卷积核求解求解梯度角度时)的优化。Laplacian 是…...
大厂面试:MySQL篇
前言 本章内容来自B站黑马程序员java大厂面试题和小林coding 博主学习笔记,如果有不对的地方,海涵。 如果这篇文章对你有帮助,可以点点关注,点点赞,谢谢你! 1.MySQL优化 1.1 定位慢查询 定位 一个SQL…...
软件工程的13条“定律”:从Hyrum定律到康威定律,再到Zawinski定律
每周跟踪AI热点新闻动向和震撼发展 想要探索生成式人工智能的前沿进展吗?订阅我们的简报,深入解析最新的技术突破、实际应用案例和未来的趋势。与全球数同行一同,从行业内部的深度分析和实用指南中受益。不要错过这个机会,成为AI领…...
Linux删除大文件df空间avail空间不增加
背景 根磁盘被同事写满,使用> 删除一些安装包后,df中的avail空间还是0 排除有进程正在占用文件,已使用lsof命令检测过我所删的文件是没有进程在使用 原因 是文件系统预留空间在作祟 解决 # 文件系统预留块 tune2fs -l /dev/vda2 | gr…...
【C语言-选择排序算法】实现对十个数进行排序
目录 前言 一、选择排序算法原理 二、选择排序算法实现对十个数进行排序 三、代码运行示例 四、选择排序算法的时间复杂度和空间复杂度分析 五、选择排序算法的优缺点 六、总结 前言 在计算机科学领域,排序算法是基石般的存在,它们就像是整理杂乱…...
驱动开发硬核特训 · Day 18:深入理解字符设备驱动与子系统的协作机制(以 i.MX8MP 为例)
日期:2025年04月23日 回顾:2025年04月22日(Day 17:Linux 中的子系统概念与注册机制) 本日主题:字符设备驱动 子系统协作机制剖析 学习目标:理解字符设备的注册原理,掌握其与子系统间…...
SQL Server 2022 常见问题解答:从安装到优化的全场景指南
SQL Server 2022 作为微软最新的数据库管理系统,在性能、安全性和云集成方面带来了多项革新。然而,用户在实际使用中仍可能遇到各类问题。本文将围绕安装配置、性能优化、备份恢复、安全设置、高可用性方案、兼容性问题及错误代码解析等核心场景…...
软件开发版本库命名规范说明
背景:近期一直再更新自己所开发的一个前端大文件上传npm库(enlarge-file-upload),为了让库的发版更加规范,于是参考了各种文档写下了这篇关于软件开发库的版本命名规范,且不仅局限于前端的版本命名规范,适用于整个软件…...
Kafka 详解
1.基本概念:Kafka 是分布式发布 - 订阅消息系统,具有高吞吐量、可扩展性等优势,支持点对点和发布订阅两种消息模式,涉及 Broker、Topic、Partition 等多种角色。 2.安装步骤:需先安装 JDK 和 Zookeeper,下…...
【Qwen2.5-VL 踩坑记录】本地 + 海外账号和国内账号的 API 调用区别(阿里云百炼平台)
API 调用 阿里云百炼平台的海内外 API 的区别: 海外版:需要进行 API 基础 URL 设置国内版:无需设置。 本人的服务器在香港,采用海外版的 API 时,需要进行如下API端点配置 / API基础URL设置 / API客户端配置…...
硬核解析:整车行驶阻力系数插值计算与滑行阻力分解方法论
引言:阻力优化的核心价值 在汽车工程领域,行驶阻力是影响动力性、经济性及排放的核心因素。根据统计,车辆行驶中约60%的燃油消耗用于克服阻力(风阻、滚阻、传动内阻等)。尤其在电动化趋势下,阻力降低1%可提…...
【网络原理】TCP提升效率机制(一):滑动窗口
目录 一. 前言 二. 滑动窗口 三. 丢包现象 1)ACK报文丢失 2)数据丢失 四. 总结 一. 前言 TCP最核心的机制就是可靠传输 ,确认应答,超时重传,连接管理这些都保证了可靠传输,得到了可靠传输,…...
移动端使用keep-alive将页面缓存和滚动缓存具体实现方法 - 详解
1. 配置组件名称 确保列表页组件设置了name选项,(组合式API额外配置): <!-- vue2写法 --> export default {name: UserList // 必须与 <keep-alive> 的 include 匹配 }<!-- vue3写法 --> defineOptions({na…...
工作记录9
1.点击按钮发送AJAX请求 <!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title&…...
Java 异常 SSLException: fatal alert: protocol_version 全解析与解决方案
在 Java 网络通信中,SSLException: fatal alert: protocol_version 是典型的 TLS/SSL 协议版本不兼容异常。本文结合 Java 官方规范、TLS 协议标准及实战经验,提供体系化解决方案,帮助开发者快速定位并解决协议版本冲突问题。 一、异常本质&…...
连锁美业管理系统「数据分析」的重要左右分析︳博弈美业系统疗愈系统分享
美业管理系统中的数据分析功能在提升运营效率、优化客户体验、增强决策科学性等方面具有重要作用。 数据分析功能将美业从“经验驱动”升级为“数据驱动”,帮助商家在客户管理、成本控制、服务创新等环节实现精细化运营,最终提升盈利能力与品牌竞争力…...
Openharmony 和 HarmonyOS 区别?
文章目录 OpenHarmony 与 HarmonyOS 的区别:开源生态与商业发行版的定位差异一、定义与定位二、技术架构对比1. OpenHarmony2. HarmonyOS 三、应用场景差异四、开发主体与生态支持五、关键区别总结六、如何选择?未来展望 OpenHarmony 与 HarmonyOS 的区别…...
26.OpenCV形态学操作
OpenCV形态学操作 形态学操作(Morphological Operations)源自二值图像处理,主要用于分析和处理图像中的结构元素,对图像进行去噪、提取边缘、分割等预处理步骤。OpenCV库中提供了丰富的形态学函数,常见的包括…...
uniapp小程序使用echarts
1、引入插件 在Dcloud插件市场下载echarts插件:插件地址 2、页面使用简单示例: <template><view class"pie-view flex-center"><view style"width: 100%; height: 600rpx"><l-echart ref"chartRef&quo…...
Vue 中 使用 Mixins 解决 多页面共用相同组件的相关问题
1. 需要解决的问题 最近在vue项目中,有多个页面需要用到同一个组件,至于是什么组件,这里不重要,重要的这个组件需要被多个文件引用,而且有组件有一些控制逻辑。 1.1代码展示 <template><div class"ap…...
Rust 学习笔记:Rust 简介
Rust 学习笔记:Rust 简介 Rust 学习笔记:Rust 简介历史与发展历程核心特性优点缺点应用领域 Rust 学习笔记:Rust 简介 Rust 是一种系统级编程语言,由 Mozilla 研究院的 Graydon Hoare 于 2006 年设计,旨在提供内存安全…...
第六节:进阶特性高频题-自定义指令实现场景
示例:v-lazy(图片懒加载)、v-permission(权限控制) 钩子函数:mounted、updated、unmounted等 一、自定义指令核心机制 指令生命周期钩子 const myDirective {// 元素插入父节点时调用(初始化…...
未曾设想的道路1
写在前面: 与其转去读博,倾向自学就业。 中国科学技术大学数学科学学院拥有一支优秀的师资团队,以下是部分教授的简介: 陈发来教授: 荣誉:2024年6月13日,在德国莱布尼茨信息科学中心召开的国际…...
Axure按钮设计分享:打造高效交互体验的六大按钮类型
在产品设计过程中,按钮作为用户与界面交互的核心元素,其设计质量直接影响用户体验与操作效率。Axure作为一款强大的原型设计工具,为设计师提供了丰富的按钮设计选项。本文将围绕基础按钮、禁用按钮、圆角按钮、动态按钮、渐变按钮和图标按钮六…...
MySQL 8.4企业版 安装和配置审计插件
在最新的MySQL 8.4.4企业版上启用审计日志功能 操作系统:Ubuntu 24.04 数据库:8.4.4-commercial for Linux on x86_64 (MySQL Enterprise Server - Commercial) 1.查看安装脚本 下面2个脚本位于mysql安装目录 share 下,一个是window一个是linux可以用…...
AI大模型学习十一:尝鲜ubuntu 25.04 桌面版私有化sealos cloud + devbox+minio,实战运行成功
一、说明 用了ubuntu 25.04,内核为GNU/Linux 6.14.0-15-generic x86_64,升级了部分image,过程曲折啊 sealos 能干啥 对集群生命周期进行管理,一键安装高可用 Kubernetes 集群,增删节点清理集群自恢复等 通过 sealos…...
idea无法下载源代码
通过idea找到用户设置文件路径 查看 setting.xml 文件,找到了以下相关的配置,注释掉这个maven-default-http-blocker的镜像,这个东西阻碍了去阿里的镜像库查找依赖,注释掉。 然后重启idea就能下载了...