laf 前端迁移开发前须知

[LeezQ]

目前的项目技术栈使用的 vue2 开发，现在需要迁移到 vue3，项目分支 feat-web ，新版代码在 packages/web 下。老代码在 packages/app-console 以及 packages/system-client 下。

vue3 文档：https://staging-cn.vuejs.org/guide/introduction.html 状态管理 Pinia: https://pinia.vuejs.org element-plus 文档：https://element-plus.gitee.io/zh-CN/component/button.html

新版使用 vue 3 的 typescript + composition api 进行开发。

1. TS 与组合式 API
2. 组合式 API FAQ

开发前认领自己想要开发的模块，管理员会将任务 assign 给对应的开发者，开发者开发完后进行 pull request 提交 code review。

本地后台服务启动：

# install dependencies
npm install

# build & watch packages
npm run build && npm run watch

# create a shared network in docker
docker network create laf_shared_network --driver bridge || true

# download the app service image
docker pull lafyun/app-service:latest

# launch laf.js services
docker-compose up

# Now open http://console.127-0-0-1.nip.io:8080 in your browsers!

老版本前端本地启动：(启动注意先后顺序，因为老版前端本地跳转时候，端口写死了）

# 先启动 system-client
cd packages/system-client
npm i && npm run dev

# 再启动 app-console
cd packages/app-console
npm i && npm run dev

新版前端本地启动：

# 进入项目目录
cd packages/web

# 安装依赖
pnpm install

# 启动服务
pnpm run dev

[LeezQ]

#204 迁移目标， 任务拆分 project : https://github.com/orgs/labring/projects/1/views/1