MCP插件使用（browser-tools-mcp为例）

Ne0inhk

— 2 min read
MCP插件使用（browser-tools-mcp为例）

1. 环境配置（Brower Tools为例）

python 安装 nodejs 安装 mkdir C:\Users\Suoxd\Documents\Cline\MCP\browser-tools-mcp git clone https://github.com/AgentDeskAI/browser-tools-mcp.git "C:\Users\Suoxd\Documents\Cline\MCP\browser-tools-mcp"

2. MCP服务安装启动

cd C:\Users\Suoxd\Documents\Cline\MCP\browser-tools-mcp npminstall @agentdeskai/[email protected] npx @agentdeskai/[email protected] npx @agentdeskai/[email protected]

参考https://browsertools.agentdesk.ai/installation

在这里插入图片描述


在这里插入图片描述


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


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

3. 浏览器插件配置

https://github.com/AgentDeskAI/browser-tools-mcp/releases/download/v1.2.0/BrowserTools-1.2.0-extension.zip
在这里插入图片描述

4. Cline 服务配置

"browser-tools-mcp":{"command":"node","args":["d:/Suo/code/tmp-AI/browser-tools-mcp/browser-tools-mcp/dist/mcp-server.js"],"disabled":false,"autoApprove":[]}

5. 最终效果

浏览器端调试工具增加了插件页面

在这里插入图片描述


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

Read more

飞算 JavaAI 实战：从代码生成到架构优化的全场景应用指南

飞算 JavaAI 实战：从代码生成到架构优化的全场景应用指南

飞算JavaAI实战：从代码生成到架构优化的全场景应用指南 作为Java开发者，你是否还在为重复编写CRUD代码而烦恼？是否面对复杂业务逻辑无从下手？是否被祖传代码的维护工作压得喘不过气？飞算JavaAI的出现，为这些痛点提供了一站式解决方案。本文将通过丰富的代码示例，详细解析这款智能开发助手在日常开发中的实战应用，带你领略AI赋能Java开发的全新体验。 一、日常编码：从单行补全到模块生成 1.1 一键生成CRUD代码，效率提升15倍 在企业级应用开发中，数据实体的增删改查（CRUD）是最基础也最耗时的工作。飞算JavaAI能够根据简单指令，自动生成符合开发规范的完整代码体系。 实战案例：电商平台商品分类管理模块开发 只需输入指令： 帮我生成商品分类实体类（Category）的CRUD代码，使用Spring Boot + MyBatis框架，包含Service层、Controller层和Mapper层，要求代码符合阿里巴巴Java开发规范。 飞算JavaAI会依次生成完整的多层代码： 实体类定义： publicclassCategory{privateLong

By Ne0inhk
JAVA项目实战：用飞算 JavaAI 高效开发电商系统核心功能模块

JAVA项目实战：用飞算 JavaAI 高效开发电商系统核心功能模块

JAVA项目实战：用飞算 JavaAI 高效开发电商系统核心功能模块 * 一、前言 * 二、飞算JavaAI使用 * 三、需求分析与规划 * （一）功能需求 * （二）核心模块 * （三）技术选型 * 四、飞算JavaAI开发实录 * （一）初始化项目 * （二）商品管理模块开发 * （三）订单模块开发 * （四）用户中心模块开发 * 五、优化与调试心得 * （一）遇到的问题及解决 * （二）飞算JavaAI其他功能利用 * 六、成果展示与总结 * （一）工程结构图 * （二）核心代码片段 * （三）飞算JavaAI使用体会 * 七、总结评价 * 结束语 JAVA项目实战：用飞算 JavaAI 高效开发电商系统核心功能模块。本文围绕用飞算 JavaAI 开发电商系统核心功能模块展开。

By Ne0inhk
理解 JavaScript 中的“ / ”：路径、资源与目录、nginx配置、请求、转义的那些事

理解 JavaScript 中的“ / ”：路径、资源与目录、nginx配置、请求、转义的那些事

目录 理解 JavaScript 中的“ / ”：路径、资源与目录、nginx配置、请求、转义的那些事 一、路径中 / 的含义 1、 / 所扮演的角色 2、根据 URL 中的 / 判断是目录还是资源 3、相对路径 vs 绝对路径 4、相对路径中的 . 与 .. 二、Vue中 / 的特殊作用 1、Vue Router 中的 / 2、Vue 项目构建时的 base 配置 三、SEO 对 / 的敏感性 四、Nginx 中 / 的配置技巧 五、fetch 和 API

By Ne0inhk
Java网络聊天室——OverThinker-ChatRoom

Java网络聊天室——OverThinker-ChatRoom

—项目专栏— 🚀 Java Chatroom 实时聊天室系统 一个基于 Spring Boot 和 WebSocket 技术实现的轻量级实时聊天室项目。 ✨ 项目概述 这是一个采用 前后端分离 架构的 Web 聊天应用。它专注于提供一个稳定、实时的消息通信平台，支持用户认证、好友管理、以及核心的一对一私聊功能。 特性描述实时通信基于 WebSocket 实现，消息秒级推送。核心功能用户注册登录、好友列表、私聊会话、消息历史记录。后端架构Spring Boot 配合 MyBatis，快速构建 RESTful API。前端技术传统 HTML/CSS/JavaScript + jQuery，轻量易维护。 📸 界面展示 (Screenshots) 登录与注册 登录页面 注册页面 聊天主界面 ⚡ 项目体验说明 先看说明！

By Ne0inhk