必须删除“请实现”类句式并重启插件，用文件路径、defineprops声明、用户原话和真实报错锚定上下文，使marscode生成贴合vue组件props、element plus校验规则及现场问题的精准代码。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
你想让MarsCode生成的前端页面需求提示词不飘在空中，而是直接贴着Vue组件里props的命名、Element Plus表单的校验规则、甚至用户刚在群里吐槽的“提交按钮点了没反应”来写，就得把AI从教科书拉进你今天的开发现场。
删掉所有“请实现一个…”类起手式
打开MarsCode设置 →「自定义提示词」→ 找到frontend-requirement模板 → 全选删除含“请实现”“需支持”“应具备”的句子。这类句式会让模型自动补全成带Mock数据、Router配置、Vuex Store的完整项目骨架，而你真正要的只是<el-form></el-form>里那个手机号输入框加个+86前缀自动填充逻辑。
【必须删完重启插件】，否则缓存仍按旧模板跑，新提示词不生效。
用真实文件路径锚定技术栈上下文
方法一：在提示词最开头粘贴当前编辑文件的绝对路径，例如：/src/views/user/profile-edit.vue。MarsCode会据此识别出这是Vue 3 + Composition API + Element Plus项目，自动禁用React JSX语法和Ant Design组件名。
方法二：复制该文件顶部的defineProps声明块，例如：const props = defineProps({ userInfo: { type: Object as PropType<user>, required: true } });</user> → 紧接着写：“基于此props结构，补充表单字段映射规则，要求手机号字段绑定userInfo.phone，且失焦时触发+86前缀校验。”
这一步不做，AI会默认生成value={phone}这种React写法，根本没法直接粘贴进.vue文件。
把用户原话当第一行提示词
第一步：打开你正在协作的微信/钉钉群 → 复制最近一条带情绪的真实反馈，例如：“这个地址选城市后区县不刷新，我点三次才出来[裂开]”。
PigX UI Pro 前端开发指南 - Vue 3 + TypeScript + Element Plus。当用户提到 PigX UI、PigX 前端、lgb-mgui 项目、Vue 3 企业级后台开发、Element Plus 后台开发时使用此技能。
第二步：把这句话原封不动粘贴到MarsCode搜索框最顶行，后面接：“→ 对应到/src/components/AddressSelector.vue第42行watch监听逻辑 → 请写出修复该问题的最小改动说明，只提代码行、变量名、触发条件。”
第三步：删掉原话里的emoji占位符[裂开]，换成⚠️——MarsCode对纯文本符号更敏感，能更好锁定“交互卡顿”这个技术信号。
这一步操作起来很简单，但能让AI跳过“优化用户体验”这种虚话，直奔nextTick()包裹updateDistricts()的修复点。
注入真实失败案例的毛边感
① 打开浏览器Console → 找到红色报错最顶行：“TypeError: Cannot read properties of undefined (reading 'length') —— at AddressSelector.vue:67:12”。
② 删掉括号里的位置信息，只留核心错误：“TypeError: Cannot read properties of undefined (reading 'length')”。
③ 在提示词末尾加：“该错误发生在用户切换城市后立即点击‘确认’按钮时，districtList仍为空数组。请写出修复方案，要求：不改API调用时机、不新增loading状态、仅调整v-if判断条件。”
【漏掉“不改API调用时机”这条硬约束，AI会给你加个await fetchDistricts()，但项目里所有接口都走Pinia action统一管理，不能单独await】。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
