会用AI 百科 › 编程 › 本地运行
会用AI 百科 › 编程 › 本地运行
Vibe Coding 入门

本地运行

也叫:localhost、本地服务、端口、npm run dev

把项目在你自己的电脑上跑起来,用 localhost 加一个端口号,在浏览器里打开看。localhost 就是"这台电脑自己",所以这个地址只有你自己能打开。

先知道:安装依赖

你可能会这样说、这样问

“AI 说"已经跑起来了,打开 localhost:3000 看看",这是什么地址?”

我把 localhost:3000 发给同事,他为什么打不开?

localhost 指的是"打开它的那台电脑自己"。同事打开时,浏览器去找的是他自己的电脑,那里根本没跑你的项目。想让别人也能看,要部署到网上。

我把终端关了,页面就打不开了,是坏了吗?

没坏。本地运行时,项目是在那个终端窗口里"开着"的,关掉终端或按 Ctrl + C,就等于把它关了。要看的时候再运行一次启动命令就行。

本页有 6 节,点开跳到任意一节

把这个地址拆开看

点一段,看看它是什么意思:

小演示 · http://localhost:3000/orders
  • 提示点上面任意一段
严格来说

不同项目常用的端口不一样:3000、5173、8000、8080 都很常见,以终端里启动后打印出来的那个地址为准。localhost 也常写成 127.0.0.1,意思一样。

用的时候要注意

误区报"端口已被占用",是电脑出问题了

多半是之前启动的那个还没关,或者别的程序正好用着这个端口。关掉之前那个终端再启动,或者让 AI 帮你换一个端口。报错里常见 EADDRINUSE、address already in use。

误区能在 localhost 打开,就等于做好了

本地能跑只是第一步。真要给别人用,还要部署,而且要检查密钥、隐私数据有没有带出去(见部署)。

这样跟 AI 说

请帮我把这个项目在本地跑起来。先告诉我要在哪个文件夹运行哪条启动命令;跑起来以后,告诉我要在浏览器里打开的地址,以及怎么停掉它。如果报端口被占用,先告诉我是哪个程序占着,等我确认再处理。

在提示词库里找更多类似的 ›

考考你

选择题 · 选一个你觉得最像的

你把 localhost:5173 这个地址发给同事,他打不开。原因是?

接下来学什么

  1. 1Vibe Coding 入门 · 下一个(第 12 / 16 个)报错与日志日志是程序运行时一行行写出来的记录;报错是其中说"出问题了"的那几行。
  2. 2部署把在自己电脑上跑通的项目,放到一台一直开着的服务器上,换来一个别人也能打开的网址。
  3. 3Git记录文件每一次改动的工具,改坏了可以退回到以前的版本。

‹ 上一个:环境变量 · Vibe Coding 入门第 11 / 16 个

也可以看看:终端、安装依赖、运行环境、Vibe Coding

哪些词链接了我:运行环境、安装依赖、环境变量、报错与日志、部署

在哪里接着学

延伸阅读 · 权威出处

出处:网站 Codex 教程专题 E《浏览器与 Computer Use》;MDN《如何设置一个本地测试服务器?》。最后更新 2026-10-17。
这个解释有问题,或者没看懂?