Skip to main content
Version: 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

若不符合，见 常见错误。

下一步​