【山竹记账前端-vue】4.组件封装与插槽 大纲链接 § [toc] 组件封装与插槽:减少代码的重复 1. 快速完成四个欢迎页面 ⇧ 参照 @/modules/welcome/Welcome1stPage.tsx 1 2 3 4 5 6 7 8 9 10 11 12 13
【山竹记账前端-react】2.React Router 6 实践
【山竹记账前端-react】2.React Router 6 实践 大纲链接 § [toc] 1. 安装、初始化路由 ⇧ 安装的是 react-router-dom@6.30.6 ⇧ react@18.3.1 + react-router-dom@6.30.6 注:react-router@7+ ~ react-router@8+ 有
【山竹记账前端-vue】3.手机页面调试
【山竹记账前端-vue】3.手机页面调试 大纲链接 § [toc] 移动端优先 90% 的用户来自手机 1. 手机页面调试技巧 ⇧ 配置路由重定向 src/router/routes.ts 1 2 3 4 5 6 7 8 9 10 11 12 13
【山竹记账前端-vue】2.页面划分、布局和CSS方案
【山竹记账前端-vue】2.页面划分、布局和CSS方案 大纲链接 § [toc] 页面划分与布局 有哪些页面?有哪些组件?如何排期? 在线设计稿 1. 前端路由 ⇧ RESTful 风
【山竹记账前端-react】1.搭建前端项目
【山竹记账前端-react】1.搭建前端项目 大纲链接 § [toc] 1. 山竹记账 React 版项目介绍 ⇧ 山竹项目技术栈 容器 Docker oh-my-env2 本地开发 远程部署 前端 react@18.3.1 + react-router-dom@6.30.6 + zustand@5.0.15 注:re
【山竹记账前端-vue】1.搭建前端项目
【山竹记账前端-vue】1.搭建前端项目 大纲链接 § [toc] 1. 使用 oh-my-env 开发环境 ⇧ 快速启动开发环境 ⇧ 下载 oh-my-env-1 使用 VSCode 打开目录 预装 Docker Desktop 加速镜像已配置 预装插件 Dev
【山竹记账后端】6.部署到云服务器
初始代码 如果买的服务器时按使用量计费的,用完记得停机并且销毁机器实例,单独停机还会扣费 复习前回内容:密钥管理 开发环境 master.key、c
【山竹记账后端】5.密钥管理
【山竹记账后端】5.密钥管理 大纲链接 § [toc] 1. 复现打包流程 ⇧ 初始代码 VSCode打开项目容器 运行脚本 pack_for_host.sh 对源代码进行打包,生成 mangosteen_deploy 目录 VSCode 打开宿主机项