玩命狂奔的间隙,莫忘记抬头看看前路的星光

0%

使用CodeBuddy教Cursor怎么正确开发微信小程序

微信的帮助文档真的是让人迷糊,看了以后还是稀里糊涂,然后使用Cursor来完成开发前的配置,安装vant weapp等一系列必要插件等,结果被坑在这了。
Cursor改来改去一直无法构建成功,一会相对路径,一会绝对路径,一顿操作猛如虎,结果确实二百五。
吐槽一下,感觉现在版本的Cursor 没有之前半个月之前的好用,不知道是Cursor的原因还是Claude-4-sonnet的问题。

感觉越改越糟糕,即使我已经贴给它微信官方文档,但是已经制止不了Cursor发疯了。
看到微信开发工具的插件CodeBuddy,觉得写微信小程序,他们应该训练好了吧。结果它确实一顿操作下来确实虎,完美配置好,还做了个简单例子出来演示。

有时候还是不能太迷信单一的一个AI软件和大模型,都要试试才行,说不定柳暗花明又一村,总是有点优点。

顺便让CodeBuddy总结了一下在使用npm库时需要修改的关键配置及最佳实践。

微信小程序使用npm库(如Vant Weapp)的关键配置与最佳实践

使用npm安装的库时需要修改的关键配置及原因
在微信小程序中使用通过npm安装的库(如vant weapp)时,需要修改以下关键配置:

1. project.config.json 配置

需要修改的关键项:

1
2
3
4
5
6
7
8
9
packNpmManually: 设置为true,表示手动配置npm包
packNpmRelationList: 配置npm包与小程序目录的关系
"packNpmManually": true,
"packNpmRelationList": [
{
"packageJsonPath": "./package.json",
"miniprogramNpmDistDir": "./miniprogram/"
}
]

为什么需要这些配置?

微信小程序不能直接使用node_modules中的包,需要通过”构建npm”将其转换为小程序可用的格式
这些配置告诉开发者工具从哪里找到package.json以及构建后的文件应该放在哪个目录
当项目结构不是标准结构时(如package.json不在miniprogram同级目录),这些配置尤为重要。