手把手教你使用 mcp-server —— vscode + fetch mcp 整理网页数据

手把手教你使用 mcp-server —— vscode + fetch mcp 整理网页数据

Author：Gorit Date：2025 年 5 月 16 日

项目地址

Gorit 项目整合实践

项目介绍

本目录采集并整理了 Gorit 官网（www.gorit.cn/projects/in… React、Vue、HTML+CSS+JS 综合练习、小游戏等。主要功能：

• 自动汇总官网公开的前端项目
• 提取项目名称、简介、预览地址、源代码等关键信息
• 以 Markdown 表格形式保存（gorit_projects.md）
• 支持后续导出为 Excel 文件

MCP Server 配置

创建一个空项目，然后在项目根目录下创建 .vscode/mcp.json 文件，配置如下内容：

{
  "servers": {
    "filesystem": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-filesystem",
        "C:\\Users\\Administrator\\Desktop",
        "D:\\workspace" // 加上当前项目根路径，不然 Excel 无法创建
      ]
    },
    "excel": {
      "command": "npx",
      "args": [
        "--yes",
        "@negokaz/excel-mcp-server"
      ],
      "env": {
        "EXCEL_MCP_PAGING_CELLS_LIMIT": "4000"
      }
    },
    "mcp-server-time": {
      "command": "python",
      "args": [
        "-m",
        "mcp_server_time",
        "--local-timezone=Asia/Shanghai"
      ],
    },
    "fetch": {
      "command": "uvx",
      "args": [
        "mcp-server-fetch"
      ]
    }
  }
}

目录结构

fetchweb/
├── gorit_projects.md   # Gorit 项目数据（Markdown 表格）
├── README.md           # 本说明文档

提示词

提示词参考：保存到 Excel 或 markdown 表格都差不多~，可以根据实际情况修改

总结 https://www.gorit.cn/projects/index.html 网站的呢日哦给你，并将数据用 markdown 表格保存到 fetchweb 中

使用说明

1. 访问 Gorit 项目整合页
2. 采集所有项目的关键信息（名称、简介、预览/源码链接等）
3. 数据已整理为 Markdown 表格，见 gorit_projects.md
4. 如需 Excel 文件，可将表格内容复制到 Excel 或使用工具转换

数据字段说明

• 项目名称：项目的标题或名称
• 简介：简要描述项目内容或技术栈
• 预览地址：项目在线预览链接（如有）
• 源代码链接：项目源码仓库或下载地址（如有）

运行结果示例

见 gorit_projects.md 文件内容。

License

MIT