加我进AI讨论学习群，公众号右下角“联系方式”
文末有老金的 开源知识库地址·全免费
如果你已经开了ChatGPT Plus或Pro，又在Codex里不够用，DevSpace这个项目第一眼就该看。
不过老金我觉得最强的，是如果你开了Pro版本，ChatGPT网页上的Pro推理能力是毋庸置疑的天下无敌的。
当然，如果你的项目能直接提交Github，这个的优势就少了很多，因为ChatGPT网页可以访问你的Github。
不过直接在Codex内直接连感觉是不错的，更加顺畅一些。
⠀
本项目它最吸引人的地方就是ChatGPT网页端可以直接读你本地的项目目录了。
⠀
直接说重点，网页上的额度次数可以接进开发流程，网页上的Pro模型也能派上用场。
5x、20x不白开。对20x简直可以起飞。
⠀
它是一个自托管MCP服务器。说人话，就是你在自己电脑上跑一个小服务，只把你允许的项目目录开放给ChatGPT。ChatGPT通过MCP连进来以后，可以打开这个项目，读文件、搜代码、改文件、跑测试、看Git状态，还能按项目里的AGENTS.md或CLAUDE.md做事。
⠀
安装教学
最简单的办法，直接甩给AI：
但要注意，下面还有一部分Chatgpt中需要设定的，如果你甩给AI安装，快速下滑就可以了。
帮我在这台电脑上安装并跑通Waishnav/devspace，让ChatGPT网页端通过MCP连接我的本地项目。请先检查Node、npm、Git、Bash。安装@waishnav/devspace。帮我用Cloudflare Tunnel或ngrok把本地7676端口转成公网HTTPS。运行devspace init，只允许我指定的测试项目目录。启动devspace serve。最后告诉我应该填进ChatGPT的https://.../mcp地址。不要打印或泄露Owner password，只告诉我密码存放在~/.devspace/auth.json里。
#最好带上目录限制，避免它最后给你乱删。
比如：限定目录 D:\KimProject\MetaKim
原理大概是这样，想手动或者看看的可以研究一下，没兴趣的快速下滑到网页配置部分。
原理其实挺容易理解。
就是用本机跑DevSpace，用Cloudflare Tunnel或ngrok给它一个公网HTTPS地址，再把这个地址填进ChatGPT网页端的自定义MCP app，两边就可以形成链接了。
⠀
你需要Node、npm、Git、Bash兼容shell和一个测试项目目录。Node版本要大于等于22.19且小于27。Windows上只用PowerShell或cmd不行，最简单是装Git Bash，也可以用WSL、MSYS2或Cygwin。测试项目目录尽量小，第一次别选整个D盘，也别选用户主目录。
⠀
如果你不确认安装没安装过这些，可以先直接在终端里检查环境：
node -v
npm -v
git --version
bash --version
⠀
再装DevSpace：
npm install -g @waishnav/devspace
devspace doctor
⠀
如果你不想全局安装，也可以用npx。后面的命令把devspace换成npx @waishnav/devspace就行。
npx @waishnav/devspace init
npx @waishnav/devspace serve
⠀
但老金我建议第一次还是全局装，少一个变量。装完跑
devspace doctor，先确认Node、Git、Bash和本地MCP地址都正常。
⠀
给ChatGPT一个能访问的地址
DevSpace本地默认地址通常长这样。
http://127.0.0.1:7676/mcp
⠀
这个地址你自己电脑能访问，ChatGPT网页端访问不了。因为网页端在云端，不在你这台电脑里。所以你必须准备一个公网HTTPS地址，再把它转到本地7676端口。
⠀
以Cloudflare临时隧道为例，开一个新终端跑：
cloudflared tunnel --url http://127.0.0.1:7676
⠀
它会给你一个类似这样的地址。
https://xxxx-yyyy-zzzz.trycloudflare.com
⠀
这个终端别关。关掉以后，隧道就没了。
临时地址也别当永久地址，明天可能就换了。ngrok、Pinggy、Tailscale Funnel也能做同一件事。你最后要拿到的，就是一个能从公网访问到本机7676端口的HTTPS根地址。
⠀
拿到根地址后，再初始化DevSpace：
⠀
它会问项目目录、本地端口和公网HTTPS地址。项目目录填你允许ChatGPT打开的文件夹。本地端口默认7676，不懂就别改。公网HTTPS地址填刚才拿到的根地址，注意这里不带/mcp，比如：
https://xxxx-yyyy-zzzz.trycloudflare.com
⠀
init结束后，会打印一个Owner password。这个密码用来批准ChatGPT连接，也会存在~/.devspace/auth.json里。别发给别人，也别截图丢群里。
⠀
最后启动服务。
⠀
你现在手里应该有两个地址。本地地址给本机客户端或调试用，长这样。
http://127.0.0.1:7676/mcp
⠀
ChatGPT网页端要填公网地址加/mcp，长这样。
https://xxxx-yyyy-zzzz.trycloudflare.com/mcp
⠀
这两个别填反。填反了，十有八九连不上。
如果你和我一样很懒，哈哈，那甩给AI之后，你就能获得一个这样的对话，记住里面的地址。
⠀
在ChatGPT里怎么接
打开ChatGPT网页端，去Apps、Connectors或Developer mode相关菜单，新建一个自定义MCP app。不同账号界面名字可能有差异，你就找能添加自定义MCP app或connector的按钮。
⠀
地址填公网/mcp URL：
https://xxxx-yyyy-zzzz.trycloudflare.com/mcp
ChatGPT连过来时，DevSpace会打开Owner password批准页。输入刚才init打印的密码。记得上面那个AI给的图吧，上面标记了密码地址，通常也在这。
⠀
到这里，连接才算真正建立。
⠀
⠀
2种方法使用
在你的AI工具里，直接用命名就能触发，运行后类似这样。
对，直接说 用Devspace做XXXX就行。
然后你也可以在网页上使用，因为它已经联通了你本机。网页上直接@就行。
上面就是我在网页上所生产的对话，对我的Meta_Kim的分析非常到位，记得把模型调整为Pro。
今天就讲这么个小技巧。
最后再提醒总结为什么要这么做。
增加你的对话次数，Codex在本地走的是Token，网页版本是次数，也就是额外增加了不少消耗。
最重要的，网页的Pro版本，推理能力，天下无敌，用来分析和规划你的项目，你就能节省很多时间。
https://tffyvtlai4.feishu.cn/wiki/OhQ8wqntFihcI1kWVDlcNdpznFf
Claude Code & Openclaw &Codex 仨顶流全中文从零开始的教程：不懂代码照样造网站，老金15万字Claude Code+OpenClaw教程免费开源
我的小破站（含我开源的项目）：https://www.aiking.dev/
每次我都想提醒一下，这不是凡尔赛，是希望有想法的人勇敢冲。
我不会代码，我英语也不好，但是我做出来了很多东西。
我真心希望能影响更多的人来尝试新的技巧，迎接新的时代。
谢谢你读我的文章。
如果觉得不错，随手点个赞、在看、转发三连吧🙂
如果想第一时间收到推送，也可以给我个星标⭐～谢谢你看我的文章。
扫码添加下方微信（备注AI），拉你加入AI学习交流群。
