本地运行
也叫:localhost、本地服务、端口、npm run dev
把项目在你自己的电脑上跑起来,用 localhost 加一个端口号,在浏览器里打开看。localhost 就是"这台电脑自己",所以这个地址只有你自己能打开。
先知道:安装依赖
“AI 说"已经跑起来了,打开 localhost:3000 看看",这是什么地址?”
我把 localhost:3000 发给同事,他为什么打不开?
localhost 指的是"打开它的那台电脑自己"。同事打开时,浏览器去找的是他自己的电脑,那里根本没跑你的项目。想让别人也能看,要部署到网上。
我把终端关了,页面就打不开了,是坏了吗?
没坏。本地运行时,项目是在那个终端窗口里"开着"的,关掉终端或按 Ctrl + C,就等于把它关了。要看的时候再运行一次启动命令就行。
像在家里给自己放电影:投影仪(项目)在你家客厅开着,你在沙发上(浏览器)看得见;朋友在他家输入你家的地址也看不到,而你一拔电源(关终端),电影就停了。
本页有 6 节,点开跳到任意一节
把这个地址拆开看
点一段,看看它是什么意思:
- 提示点上面任意一段
不同项目常用的端口不一样:3000、5173、8000、8080 都很常见,以终端里启动后打印出来的那个地址为准。localhost 也常写成 127.0.0.1,意思一样。
用的时候要注意
多半是之前启动的那个还没关,或者别的程序正好用着这个端口。关掉之前那个终端再启动,或者让 AI 帮你换一个端口。报错里常见 EADDRINUSE、address already in use。
本地能跑只是第一步。真要给别人用,还要部署,而且要检查密钥、隐私数据有没有带出去(见部署)。
这样跟 AI 说
请帮我把这个项目在本地跑起来。先告诉我要在哪个文件夹运行哪条启动命令;跑起来以后,告诉我要在浏览器里打开的地址,以及怎么停掉它。如果报端口被占用,先告诉我是哪个程序占着,等我确认再处理。
考考你
你把 localhost:5173 这个地址发给同事,他打不开。原因是?
接下来学什么
- 1Vibe Coding 入门 · 下一个(第 12 / 16 个)报错与日志日志是程序运行时一行行写出来的记录;报错是其中说"出问题了"的那几行。
- 2部署把在自己电脑上跑通的项目,放到一台一直开着的服务器上,换来一个别人也能打开的网址。
- 3Git记录文件每一次改动的工具,改坏了可以退回到以前的版本。
‹ 上一个:环境变量 · Vibe Coding 入门第 11 / 16 个
也可以看看:终端、安装依赖、运行环境、Vibe Coding
哪些词链接了我:运行环境、安装依赖、环境变量、报错与日志、部署
