跳到主要内容
版本:Current

快速开始

假设已经完成 安装,开发服务器运行在 http://localhost:5173。

下面用「改一条导航文案」验证你能改内容并看到热更新。

1. 打开中文导航文件​

编辑 src/locales/zh/nav.json,把 "home" 临时改成你能认出来的文字,例如:

{
"home": "主页(测试)"
}

保存文件。浏览器里 Navbar 的首页标签应立即变化,无需重启 npm run dev。

2. 对照英文​

打开 src/locales/en/nav.json 的同一 key。切换 Navbar 的「EN」,确认英文站不受中文改动影响。

改完后把测试文案改回去。

3. 换一张图片(可选)​

把一张 .webp 放到 public/images/ 下对应模块目录,在组件里用绝对路径引用:

<img src="/images/Activity/MyEvent/photo.webp" alt="..." />

刷新后应能看到新图。规范见 管理图片。

4. 确认语言路由​

操作期望
打开 http://localhost:5173跳到 /zh
点「EN」路径变为 /en/...,文案切换
直接访问 /Activity重定向到 /zh/Activity

若不符合,见 常见错误。

下一步​