通义灵码可在vs code中生成可编译的uni-app微信小程序代码，需明确指定“uni-app+vue 2语法”，并依托项目结构或pages.json上下文确保路径、api和生命周期符合规范。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
想用自然语言描述就生成能跑的微信小程序界面和逻辑，又不想被uni-app的跨端语法和平台差异卡住，通义灵码能直接帮你把“点击计时、结束显示耗时”这种需求落地成可编译的pages/index/index.vue文件，关键在于让AI理解你用的是uni-app而非原生小程序框架。
确认开发环境与插件就绪
先打开VS Code，确保已安装「TONGYI Lingma」插件并完成阿里云账号登录；【必须使用VS Code而非HBuilderX】，因为通义灵码官方未提供HBuilderX插件，HBuilderX中无法调用上下文感知、函数级补全等核心能力。
新建一个空白文件夹，在VS Code中通过「文件→打开文件夹」载入；这一步不是摆设——通义灵码会基于该文件夹的路径结构识别项目类型，若直接在未初始化的空窗口中提问，它可能默认生成Web页面而非uni-app页面结构。
让通义灵码明确生成uni-app代码
点击左侧通义灵码图标→在对话框中输入：“请生成一个uni-app微信小程序首页，使用Vue 2语法，页面包含‘开始计时’和‘结束计时’两个按钮，点击后在下方显示本次计时的秒数，要求代码可直接放入pages/index/index.vue中运行。”
不要只说“做一个计时器小程序”，否则它可能按原生小程序或Vue 3语法生成，导致uni-app编译报错。uni-app对生命周期钩子（如onLoad）、API调用方式（uni.xxx而非wx.xxx）有硬性约定，必须显式声明框架和语法版本。
生成结果出现后，检查<script>块中是否含export default { data() { return { ... } } }结构，且按钮事件绑定为@click="startTimer"而非v-on:click；若看到setup()或ref()，说明模型误判为Vue 3，需追加提示：“请严格使用Vue 2 Options API写法，不要用Composition API”。</script>
name wechat-article-writer-pro description 微信公众号文章完整生成技能（专业版）。输入主题即自动完成：信息调研、文章撰写（含章节配图）、5个备选爆款标题、封面图生成、带格式排版的DOCX文档输出。触发词：写公众号文章、生成公众号内容、做微信推文、公众号文章完整版。 agent_created true 微信公众号文章完整生成技能（专业版） 概述 本技能提供微信公众号文章从主题到成品的完整生成流程，在基础版之上增加：章节配图、DOCX 格式输出（含彩色重点文字和表格
注入真实uni-app项目结构再优化
方法一：拖入已有项目
把你用HBuilderX创建好的uni-app项目整个文件夹拖进VS Code。此时通义灵码能读取pages.json、manifest.json等配置文件，自动生成符合路由规则的页面代码。例如你问“给用户中心页加一个头像上传功能”，它会自动按pages/user/profile.vue路径生成，并在pages.json里补上对应条目。
方法二：粘贴关键上下文
若暂无完整项目，复制当前项目的pages.json内容，连同你的需求一起发给通义灵码：“现有pages.json如下：{ \"pages\": [{ \"path\": \"pages/index/index\" }] }，请为index页添加一个带参数跳转到详情页的功能，参数是id，跳转链接为/pages/detail/detail?id=123”。它会生成带uni.navigateTo({ url: '/pages/detail/detail?id=' + this.id })的代码，且url路径与pages.json中定义完全一致。
【切勿直接复制网络教程里的代码片段提问】，比如粘贴一段含this.$nextTick()的代码问“怎么改”，通义灵码可能因缺乏uni-app运行时上下文而推荐Vue Web方案，导致小程序真机报错。
修复uni-app特有编译错误
步骤一：定位错误位置
在微信开发者工具中编译失败时，截图控制台红字错误（如“Cannot find module 'uni-pages'”或“undefined is not an object (evaluating 'uni.getSystemInfoSync')”），把完整报错文本复制进通义灵码对话框。
步骤二：锁定平台约束
追问：“这个错误出现在微信小程序平台，但代码在H5端正常，如何修改才能兼容小程序？” 它会针对性替换掉H5专用API（如location.href）为uni.navigateTo，或把import { ref } from 'vue'改为import Vue from 'vue'。
步骤三：验证样式失效问题
若页面元素不显示，大概率是rpx单位未生效或view组件嵌套过深。直接问：“pages/index/index.vue中文字不显示，已确认字体颜色和背景色对比足够，是否因uni-app中text必须包裹在view内？”，它会立刻指出缺失的父容器并补全结构。
