前端开发

1. 项目仓库

本项目的前端代码仓库地址为：repo

2. 项目简介

本项目以Next.js为基础，实现了一个简单的前端服务，旨在提供以下功能：

• 定位服务
• 路径规划
• 计划生成

3. 项目结构

app/
    ├── layout.tsx # 布局组件
    ├── page.tsx # 页面组件
    ├── .../ # 其他页面
components/
    ├── ui/ # UI组件 不得随意修改
    ├── widgets/ # 自定义组件
    ├── theme-provider.tsx # 主题提供者
hooks/ # 自定义hooks
lib/ 
    ├── data.ts # 数据处理
    ├── definition.ts # 类型定义
    ├── placeholders-data.ts # 占位数据
    ├── utils.ts # 工具函数
public/ # 静态资源
... # 其他文件

4. 项目开发部署

4.1 运行环境

• Node.js

4.2 依赖安装

npm install --force # 安装依赖

4.3 项目启动

npm run dev # 启动项目

服务会在http://127.0.0.1:3000启动。如果端口3000被占用，程序会自动尝试使用其他端口，可以在启动时查看控制台输出。

注意

由于百度地图API的限制，需要修改hosts文件，将local.luckylai.xyz指向127.0.0.1保证地图正常显示。