hbuilderx需安装2026年4月标准版并正常运行，fitten code插件可通过市场一键安装或手动离线安装，安装后重启并验证右键菜单及api智能补全功能。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
确认HBuilderX是否已安装并运行正常
先确保你的电脑上已安装2026年4月发布的HBuilderX标准版（如HBuilderX.5.07.2026041006.zip解压后直接运行），且能正常启动、新建项目、保存文件无报错。如果双击HBuilderX.exe后黑屏卡顿或弹出“无法加载插件”提示，【请立即停止后续操作，先重装到D:\HBuilderX路径下】——这是Fitten Code插件加载失败的最常见前置原因。
从插件市场安装Fitten Code（推荐新手）
打开HBuilderX → 点击顶部菜单【工具】→【插件安装】→ 切换到【插件市场】标签页。
在搜索框输入“Fitten Code”，回车后找到官方认证插件（作者显示为“DCloud官方合作”或带蓝标验证）。
点击【安装】按钮，等待进度条走完 → 提示“安装成功，需重启生效”时，直接关闭所有HBuilderX窗口，重新双击启动。
重启后，右键任意.vue或.js文件 → 若出现【Fitten Code：智能补全】菜单项，说明安装成功。这一步失败率低于5%，因为插件市场自动匹配当前HBX内核版本，无需手动选包。
手动安装Fitten Code（适用于网络受限或Alpha版用户）
方法一：下载离线包直装
访问Fitten Code官方GitHub Release页（https://github.com/fitten-code/hbuilderx-plugin/releases），下载最新版zip包（如fitten-code-v1.3.2.hbpx）。
回到HBuilderX → 【工具】→【插件安装】→【本地安装】→ 选择刚下载的.hbpx文件 → 点击【确定】。
方法二：解压替换法（仅当方法一报“签名不匹配”时使用）
将下载的.hbpx文件后缀改为.zip，用解压工具打开 → 进入plugins目录 → 找到fitten-code子文件夹 → 复制整个文件夹。
前往你安装HBuilderX的根目录（例如D:\HBuilderX）→ 进入plugins文件夹 → 粘贴覆盖同名文件夹 → 【务必删除原plugins目录下的fitten-code-old文件夹（如有）】，否则可能触发双版本冲突导致编辑器崩溃。
启用Fitten Code并验证基础功能
第一步：打开一个已有的uni-app项目，或新建一个空白uni-app项目（文件→新建→项目→选择uni-app）。
第二步：在pages/index/index.vue中，把光标放在<script>标签内，输入“ref”后暂停半秒——此时应自动弹出ref()、onMounted等Vue组合式API建议项。</script>
第三步：按Ctrl+Enter（Windows）或Cmd+Enter（macOS）触发代码生成，输入“fetch user”后回车，观察是否自动生成带try/catch的Axios请求代码块。
若以上两步均无响应，检查右下角状态栏是否有“Fitten Code: Ready”字样；没有则说明插件未激活，需进入【工具】→【设置】→【插件】→ 找到Fitten Code → 勾选【启用】并重启。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
