提示：如果本页面的图片未载入，可以点击一下页面最下方的“🌞/🌛”按钮，有魔法哦~~~
引言
提问：用开发一个Web代码，或者一个数据分析工具，需要几步？
回答：3步！
第1️⃣ 步~~~打开VSCode
第2️⃣步~~~告诉AI编程插件Claude你的需求
在API-Check目录下开发一个测试AI模型有效性的网页工具。功能如下，
- 用户配置BASE URL和有效的API Key
- 工具读取模型列表，让用户选择待测试模型
- 用户点击“开始测试”
- 收集被测模型的响应时间，流式或者非流式，等核心信息
- 形成详细的报告表格，可以用户查询和对比
第3️⃣ 步~~~ 迭代优化完成，也可能不需要第三步了~ 因为已经可以用了~
🌏 开发环境搭建
想要达到以上效果，需要以下几个工具来搭建开发环境：
- VSCode —— 不多说了，下载安装后，安装好插件“Claude Code for VSCode”
- Node.js —— 访问https://nodejs.org/，下载最新的LTS版本
- ZCF —— Zero-Config Code Flow，是配置整个自动化开发框架的灵魂工具，用于
- 一键安装Claude Code命令行工具（简称CC）
- 一键配置工作流
- 一键配置MCP
😍 重点介绍——ZCF
- 确认npx已经安装好的情况下，用”
npx zcf”来安装和启动
- zcf启动后，选择“1. 完整初始化”，程序会开始自动安装Claude Code命令行工具
- 安装好CC以后，选择“2. 导入工作流”
- 安装好CC以后，选择“4. 配置MCP”
MCP (Model Context Protocol) is an open-source standard for connecting AI applications to external systems.
Using MCP, AI applications like Claude or ChatGPT can connect to data sources (e.g. local files, databases), tools (e.g. search engines, calculators) and workflows (e.g. specialized prompts)—enabling them to access key information and perform tasks.
Think of MCP like a USB-C port for AI applications. Just as USB-C provides a standardized way to connect electronic devices, MCP provides a standardized way to connect AI applications to external systems.
MCP Registry —— Github MCP Registry
🍨 模型套餐
推荐这个网站来购买claude/codex的模型用量：https://www.88code.org/，可以从最便宜的套餐开始
🗼 说明文档
🚨 重要：Claude Code 的全局执行准则
VS Code的Claude AI开发环境基本配置完整后，还有很重要的一步，把下面这个文件放到claude的安装目录下（通常在Windows当前的“用户”文件夹下的”/.claude”），作为系统层级的Claude Code 的执行准则，以后不管任何时候，CC在执行任务时都会遵循这个文件里的要求。
🛠️ 套餐切换工具
如果手里有多个渠道的api key, 推荐用这个工具来切换模型，CC Switch
~~~~~~~~~One More Thing~~~~~~~~~
在VSCode中，Claude插件可以通过
Ctrl+Shift+P键呼出命令窗口，输入sider, 点击“Claude Code: Open in Side Bar”，然后就可以拖拉到其它任何想要的位置了。
~~~~~~~~~完美~~~~~~~~~
继续阅读>>> 附录4：Anaconda+python