fitten code 可自动生成微信小程序原生页面结构、配置及常用逻辑，节省至少20分钟初始化时间；需安装插件、创建 .fitten 配置文件、触发生成并手动补全 app.json。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
想在微信小程序原生开发中跳过重复的手动创建页面结构、基础配置和常用逻辑，直接获得可运行的模板代码，Fitten Code 能帮你省下至少20分钟初始化时间。
安装并启用 Fitten Code 插件
打开 VS Code → 点击左侧扩展图标 → 在搜索框输入 【fitten code】 → 找到官方插件（作者为 Fitten AI）→ 点击“安装”。安装完成后无需重启，插件会自动激活。
这一步必须完成，否则后续所有生成指令都无法响应。如果安装后右下角未出现 Fitten Code 图标，说明插件未正确加载，需检查 VS Code 是否为 1.85 版本以上。
在项目根目录新建 .fitten 文件并声明需求
在你的小程序项目根目录（即包含 app.js、app.json 的同级文件夹）中，右键 → 新建文件 → 命名为 【.fitten】（注意开头是英文点号，无后缀）。
用 VS Code 打开该文件，写入以下内容：
```yaml
project: mini-program-native
pages:
- name: index
features: [tabBar, pull-to-refresh, skeleton]
- name: user
features: [login-required, avatar-upload]
utils:
- request
- storage
```
这个配置告诉 Fitten Code：你要一个原生小程序项目，含两个页面（index 和 user），分别带骨架屏、下拉刷新、登录拦截、头像上传等能力，并预置网络请求和本地存储工具函数。删掉不需要的 feature 可减少冗余代码。
触发代码生成并确认插入位置
保存 .fitten 文件后，按下快捷键 【Ctrl+Shift+P（Windows/Linux）或 Cmd+Shift+P（Mac）】 → 输入 “Fitten: Generate Code” → 回车执行。
由于微信的大热，为了更好的方便使用微信的用户查询一些信息，这篇文章是入门级的微信公众平台开发教程，需要的朋友可以参考下 这篇入门教程将引导你完成如下任务： 创建百度云平台应用启用微信公众平台开发模式获取订阅、文字、图片、语音、视频消息回复文本、图文及音乐消息程序开发
工具会自动分析配置，生成 pages/index/index.wxml、pages/index/index.js、pages/user/user.wxml 等全套文件，并在终端输出生成摘要。它不会覆盖已有同名文件，而是将新文件插入到对应目录下——【若目录中已存在 index.js，它会跳过不写，避免误删你写的业务逻辑】。
生成完成后，检查 pages/index/index.js 中是否已自动注入 onLoad 里调用 this.setData({ loading: true }) 和 wx.showLoading()，这是骨架屏逻辑生效的前提。
手动补全 app.json 配置项
打开 app.json，在 "pages" 数组末尾添加：
"pages/index/index",
"pages/user/user"
在 "tabBar" 字段中加入 "list" 配置（如未启用 tabBar 可跳过）。这步不能由 Fitten Code 自动完成，因为 app.json 是项目级敏感配置，插件默认不修改已有 JSON 结构，防止破坏线上环境。
若你已在 .fitten 中声明了 tabBar，Fitten Code 会在终端提示：“请手动将 tabBar 配置复制到 app.json”，它只生成建议内容，不执行写入。
运行验证与调试启动
第一步：用微信开发者工具打开该项目目录 → 确保工具版本 ≥ 1.06.2406312。
第二步：点击模拟器左上角「编译」按钮，观察控制台是否报错。
第三步：在 index 页面 WXML 中找到 标签，确认其已存在且被正确引入 index.skeleton.wxml。
此时预览页面，应先看到灰色骨架屏，1秒后数据加载完成，真实内容浮现——说明 Fitten Code 生成的骨架屏集成逻辑已就位。
