1.入职须知1.打卡软件账户叮叮邮箱企业WeLink......。2.Git 仓库账号配置 SSH 公钥避免每次拉代码输密码开通提代码权限。3.需求缺陷管理Jira / Tapd / 禅道 / 飞书项目分配项目空间可提需求、认领任务、提交bug、填写工时。4.文档知识库语雀 / Confluence / 飞书文档查看技术文档、接口文档、业务流程图、部署文档、开发规范5.蓝湖 / Figma 设计稿查看权限2. 搭建本地开发环境跑通项目索要README、环境依赖文档、本地启动命令、接口地址、代理配置安装统一版本 Node、pnpm/yarn、Git、VSCode 插件团队规范ESLint、Prettier、Vetur/Volar、Stylelint拉取仓库切换开发分支解决依赖报错、sass、node-sass、端口占用、跨域代理问题成功本地预览熟悉打包命令dev、build、build:test、lint 校验命令理解打包产物。3. 吃透代码规范与工程化约束ESLint Prettier 强制规则、引号、分号、换行、组件命名Git 提交规范commit message 格式feat/fix/docs/refactor、分支命名规则feature/xxx、hotfix/xxx代码评审MR/PR流程谁审核、提交流程、备注要求、自测要点目录命名、文件命名、CSS 命名规范BEM/Scoped、变量命名规则。4. 整体架构 1 小时速读画出脑图1技术栈先记死Vue2 / Vue3 VueRouter Vuex/Pinia、Axios 请求封装、UI 组件库Element Plus/Ant Design Vue/Vant、构建工具Vite/Webpack、是否 TS、是否微前端 qiankun、是否 ECharts 可视化。2项目目录重点看src ├── api 接口请求统一管理重中之重 ├── components 公共组件、业务通用组件 ├── hooks/composables 封装逻辑Vue3 ├── store 状态管理 ├── router 路由守卫、权限控制、动态路由 ├── utils 工具函数防抖节流、日期格式化、金额处理、权限判断 ├── views 页面业务代码 ├── assets 静态资源 ├── directives 全局指令权限v-permission等 └── layout 全局布局框架3底层通用能力快速过一遍请求拦截器统一加 token、错误统一弹窗、401 自动登出权限体系按钮级权限、路由权限、角色控制全局混入 / 全局方法、全局弹窗、全局 Loading、异常捕获环境变量开发 / 测试 / 生产三环境区分。5.业务理解前端最容易忽略的点找产品 / 老同事要业务流程图、原型图、数据库简单说明、字典项含义梳理系统模块菜单对应哪些页面页面之间跳转逻辑什么角色能看什么功能重点记枚举字典、状态码、后端返回特殊规则比如审核状态、单据类型避免写死常量。6.通读现有页面模仿现有写法随便找 3 个成熟页面逐行看接口怎么调用、参数怎么传表格搜索、分页、重置、导出通用封装弹窗新增 / 编辑共用表单逻辑表单校验规则统一写法复刻一个简单页面列表页 查询 分页完全按照项目现有代码风格写一遍弄懂公共组件怎么传参、插槽使用、二次封装 UI 库组件。7. 主动承接低风险需求快速走完整发布流程优先认领这类任务完整走一遍从开发到上线闭环简单字段新增、文案修改、按钮隐藏显示列表列调整、筛选条件增加、字典回显简单 ECharts 图表调整样式Bug 修复优先 UI 样式、兼容性小问题需求评审 → 本地开发 → 自测浏览器兼容、边界值、异常接口→ 提交代码 → MR 评审 → 测试环境部署 → 测试提 bug → 修复回归 → 生产发布 走完一轮团队对你信任度直接拉满。8.搞懂周边配套体系接口服务Swagger/Postman、Mock 数据、联调规则、前后端约定字段部署 运维打包后 Nginx 部署路径、静态资源 CDN、环境变量配置权限 登录单点登录、token 存储位置、刷新 token 逻辑微前端如果有 qiankun主应用、子应用挂载、通信方式、路由隔离、样式隔离。9.梳理项目技术债 优化点(等你过去试用期)入职不要一上来大刀阔斧重构可私下记录合适时机温和提出重复逻辑未抽离 hooks / 工具类请求未做重复拦截、loading 重复控制大量硬编码常量未抽枚举打包体积过大、懒加载缺失ESLint 规则松散代码风格不统一。10.团队协作工具熟练使用项目管理Jira/Tapd/ 飞书需求单任务认领、工时填写、bug 提交规范沟通前后端对接群联调问题描述模板接口地址、入参、返回、期望结果文档语雀 / Confluence 技术文档补充自己学习笔记沉淀。11.避坑提醒新人高频踩坑不要擅自修改公共组件、路由守卫、请求拦截底层代码不要忽略 ESLint 校验就提交代码不要硬编码接口地址、状态值统一用枚举 / 常量文件上线前一定要在测试环境完整回归一遍功能。12.直接复制发给组长的一段话组长您好麻烦帮忙开通一下新人基础权限Git 仓库项目开发权限Tapd/Jira 任务、Bug 提报权限语雀 / Confluence 文档查看权限YApi/Swagger 接口平台账号测试环境 VPN 访问权限、测试环境前端发布权限蓝湖 / Figma 设计稿查看权限拉入项目相关所有沟通群谢谢