<?xml version="1.0" encoding="UTF-8"?><rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>本地开发 | 锤子前端</title><description>Now vibe coding, so learning hammer FE ?</description><link>https://channel.meo-ai.com</link><item><title>《Portless：告别端口号的本地开发代理工具》</title><link>https://channel.meo-ai.com/posts/620</link><guid isPermaLink="true">https://channel.meo-ai.com/posts/620</guid><pubDate>Sat, 02 May 2026 07:08:24 GMT</pubDate><content:encoded>&lt;span class=&quot;post-title-source&quot;&gt;《Portless：告别端口号的本地开发代理工具》&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;标签：&lt;a href=&quot;/search/result?q=%23%E5%BC%80%E5%8F%91%E5%B7%A5%E5%85%B7&quot; title=&quot;#开发工具&quot;&gt;#开发工具&lt;/a&gt; &lt;a href=&quot;/search/result?q=%23%E6%9C%AC%E5%9C%B0%E5%BC%80%E5%8F%91&quot; title=&quot;#本地开发&quot;&gt;#本地开发&lt;/a&gt; &lt;a href=&quot;/search/result?q=%23DevServer&quot; title=&quot;#DevServer&quot;&gt;#DevServer&lt;/a&gt; &lt;a href=&quot;/search/result?q=%23HTTPS&quot; title=&quot;#HTTPS&quot;&gt;#HTTPS&lt;/a&gt; &lt;a href=&quot;/search/result?q=%23Monorepo&quot; title=&quot;#Monorepo&quot;&gt;#Monorepo&lt;/a&gt; &lt;a href=&quot;/search/result?q=%23Turborepo&quot; title=&quot;#Turborepo&quot;&gt;#Turborepo&lt;/a&gt; &lt;a href=&quot;/search/result?q=%23Vercel&quot; title=&quot;#Vercel&quot;&gt;#Vercel&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;总结：&lt;br /&gt;Portless 是 Vercel Labs 推出的本地开发代理工具，用 &lt;code&gt;https://myapp.localhost&lt;/code&gt; 这类稳定命名 URL 彻底取代难记的端口号。它默认开启 HTTPS + HTTP/2，自动分配端口并适配 Next.js、Vite、Astro 等主流框架，支持 Monorepo 多包路由、Git Worktree 自动子域名、LAN 内网共享及 Tailscale 团队协作，让本地开发环境对人类和 AI 代理都更加友好。&lt;br /&gt;&lt;br /&gt;文章要点：&lt;br /&gt;- 一键替换端口号：把 &lt;code&gt;localhost:3000&lt;/code&gt; 变成 &lt;code&gt;https://myapp.localhost&lt;/code&gt;，告别记端口的烦恼，对人类可读、对 AI 代理也更友好&lt;br /&gt;- 开箱即用的 HTTPS/HTTP/2：首次运行自动生成本地 CA 并加入系统信任，浏览器零警告；HTTP/2 多路复用解决 Vite 等开发服务器大量并发请求的性能瓶颈&lt;br /&gt;- 框架零配置适配：自动识别 Next.js、Express、Nuxt、Vite、Astro、Expo 等框架，通过 &lt;code&gt;PORT&lt;/code&gt; 环境变量或自动注入 &lt;code&gt;--port&lt;/code&gt;/&lt;code&gt;--host&lt;/code&gt; 参数，无需手动改配置&lt;br /&gt;- Monorepo 与 Turborepo 原生支持：通过 &lt;code&gt;portless.json&lt;/code&gt; 或 &lt;code&gt;package.json&lt;/code&gt; 的 &lt;code&gt;portless&lt;/code&gt; 字段统一管理多包路由，如 &lt;code&gt;api.myapp.localhost&lt;/code&gt; 和 &lt;code&gt;web.myapp.localhost&lt;/code&gt;，与 Turborepo 无缝集成&lt;br /&gt;- Git Worktree 智能隔离：自动检测 Git Worktree，用分支名作为子域名前缀，避免多个工作区端口冲突，无需额外配置&lt;br /&gt;- 多场景网络共享：LAN 模式通过 mDNS 让手机等设备访问 &lt;code&gt;.local&lt;/code&gt; 域名；Tailscale 集成支持团队内网共享，甚至通过 Funnel 一键暴露到公网&lt;br /&gt;- 灵活的子域名与自定义域名：支持 &lt;code&gt;api.myapp.localhost&lt;/code&gt; 等子域名组织服务，也可切换 &lt;code&gt;.test&lt;/code&gt; 等自定义 TLD，自动同步 &lt;code&gt;/etc/hosts&lt;/code&gt; 保证 Safari 兼容&lt;br /&gt;&lt;br /&gt;文章URL：&lt;a href=&quot;https://github.com/vercel-labs/portless&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;https://github.com/vercel-labs/portless&quot;&gt;https://github.com/vercel-labs/portless&lt;/a&gt;&lt;a class=&quot;tgme_widget_message_link_preview&quot; href=&quot;https://github.com/vercel-labs/portless&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;Replace port numbers with stable, named local URLs. For humans and agents. - vercel-labs/portless&quot;&gt;
  
  &lt;div class=&quot;link_preview_site_name accent_color&quot;&gt;GitHub&lt;/div&gt;
  &lt;img class=&quot;link_preview_image&quot; alt=&quot;GitHub - vercel-labs/portless: Replace port numbers with stable, named local URLs. For humans and agents.&quot; src=&quot;/static/https://cdn4.telesco.pe/file/hYuG4oO20wH0fbYMLcLLQV0UxSkt9VsbYsexs2i88PEgHWeFHXcm-0Ll-QS54Z8UlFrsCJKMQfq5vkyfO0j5IcBr75_Jd5P8FXjbqrWKjWsDexG7lIiOpBukjWsEJhOAOSEhUrlganM_7iqkFGsPc86iZ7dG1znEyDrk9wbeISvwK7vO9YVbKALSQGi1UWbhf0qG7eEvIP4661MNLC1IrtAmdoHTx6sILu5D3KJc_w1oIH98yJras3BlpECnp2ZrENAlQ7PRrI4l0hVHNMszBVbbBe9ZpSXsGKPnVSSw9ePUa2EtXZ8487QIwByjNTFcaL2o0nDle_lXMEnnKtHMig.jpg&quot; width=&quot;1200&quot; height=&quot;630&quot; loading=&quot;eager&quot; /&gt;
  &lt;div class=&quot;link_preview_title&quot;&gt;GitHub - vercel-labs/portless: Replace port numbers with stable, named local URLs. For humans and agents.&lt;/div&gt;
  &lt;div class=&quot;link_preview_description&quot;&gt;Replace port numbers with stable, named local URLs. For humans and agents. - vercel-labs/portless&lt;/div&gt;
&lt;/a&gt;</content:encoded></item></channel></rss>