零基础用石墨ai写代码的关键在于建立人机协作的最小可行指令链：先手写具体功能描述（如“用户输入手机号和验证码，点击登录后跳转到首页”），设为ai上下文，再用“角色+动词+边界”三要素写提示词（如“你是一名前端工程师，用vue 3 composition api写登录组件……”），最后通过“删-标-重”校正并验证代码可运行性。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
零基础想用石墨AI写代码，但不知道从哪句提示词开始写、该告诉AI什么、为什么同样问“帮我写个登录页”有人生成可运行代码有人只输出HTML骨架——问题不在AI能力，在于你没建立人机协作的最小可行指令链。
先确认你手里的“原料”是不是真能喂给AI
打开石墨文档→新建空白文档→把你要实现的功能用一句话写下来，比如“用户输入手机号和验证码，点击登录后跳转到首页”。【这句话必须是你自己写的、没复制网上的、带具体动作和结果】。如果写的是“做一个登录功能”，AI会默认给你套模板；但写明“输入→点击→跳转”，它才能锁定交互链条。
别急着点AI按钮。把这句话单独选中→右键→选择“设为AI上下文”。这一步让AI只聚焦这一行文字，不混入你文档里其他无关内容。
用“角色+动词+边界”三要素写出第一句有效提示词
在文档空白处输入以下内容（直接复制粘贴）：
你是一名前端工程师，用Vue 3 Composition API写一个登录组件。要求：①仅输出<script setup>和<template>代码块，不加注释；②手机号字段需绑定v-model并校验11位数字；③验证码输入框右侧显示60秒倒计时按钮；④提交时调用api.login()函数，成功后router.push('/')。</script>
注意：这里没写“请用JavaScript”“请写完整代码”这类废话——AI已知Vue环境；也没说“要美观”，因为“登录组件”本身隐含基础样式需求。所有约束都落在可验证的动作上：绑定、校验、显示、调用、跳转。
遇到AI输出偏离时，立刻执行“删-标-重”三步校正
方法一：删掉AI生成的整段代码→回到你最初那句“用户输入手机号和验证码……”→在下方新起一行，写：“请严格按以下四点重写：1.验证码按钮初始文案是‘获取验证码’；2.倒计时期间按钮禁用且背景变灰；3.api.login()返回Promise，需用await；4.路由跳转前检查响应code是否为200。”
方法二：如果AI突然加了CSS样式或引入了第三方库，直接删掉多余部分→把光标定位到最后一个字符→敲回车→输入：“删除所有
【AI不会记住你上一轮删了什么，每次校正都必须写清全部条件，否则它可能只改一处又添三处】
验证代码能否真正跑起来
第一步：把AI生成的代码全选→Ctrl+C复制→新建一个.vue文件粘贴进去→用Vite启动本地服务。
第二步：在浏览器打开，故意输错手机号（如123）、不填验证码、连续点获取按钮——观察控制台报错信息和页面反馈是否符合你提示词里的要求。
第三步：打开network面板，点击登录按钮，确认请求URL、method、payload结构和你预设的api.login()调用逻辑一致。如果AI写了fetch('/api/login')但你提示词里指定的是api.login()，说明它没咬住你的动词指令，需要重提。
