分类： 未分类

简介

Cursor 是一款基于 VS Code 的 AI 辅助编程工具，能够帮助开发者更高效地编写代码。本教程将介绍如何使用 Cursor 编写一个简单的微信小程序。

环境准备

1. 安装 Cursor: 前往 Cursor 官网 下载并安装适合你操作系统的版本。
2. 安装微信开发者工具: 前往 微信开发者工具官网 下载并安装。
3. 创建微信小程序项目: 打开微信开发者工具，选择“小程序项目”，点击“新建项目”，填写项目信息并选择项目目录。

使用 Cursor 编写小程序

1. 打开项目: 在 Cursor 中打开你刚刚创建的微信小程序项目目录。
2. 创建页面:
   • 在 pages 目录下右键选择“新建文件夹”，并命名为你想要的页面名称，例如 index。
   • 在 index 文件夹下右键选择“新建文件”，分别创建 index.js, index.json, index.wxml, index.wxss 四个文件。
3. 编写代码:
   • index.js: 编写页面逻辑代码，例如数据绑定、事件处理等。
   • index.json: 配置页面窗口表现，例如导航栏标题、下拉刷新等。
   • index.wxml: 编写页面结构代码，使用微信小程序提供的组件进行页面布局。
   • index.wxss: 编写页面样式代码，定义页面元素的样式。
4. 使用 Cursor 的 AI 功能:
   • 代码补全: Cursor 可以根据上下文自动补全代码，例如输入 this.setData 后，Cursor 会自动提示可用的数据字段。
   • 代码生成: 你可以使用自然语言描述你想要实现的功能，Cursor 会生成相应的代码片段。例如，输入“创建一个按钮，点击后跳转到另一个页面”，Cursor 会生成相应的代码。
   • 代码解释: 你可以选中一段代码，然后使用 Cursor 的“Explain Code”功能，Cursor 会解释这段代码的功能。
5. 调试运行: 在微信开发者工具中点击“编译”按钮，即可预览你的小程序。

下面是我使用Cursor编写的一个翻译功能的微信小程序

是的，我和instagram杠上咯。
前段时间我才写咯一个在ins上存照片的短文，好的从ins上抓下的小鹿的照片镇楼。

前段时间我手机刷ins刷的好好的，用的是自由门VPN，我一直坚信这个自由门一直也会自由下去，结果还是挂掉咯，嗨，淡淡的忧伤。然后我尝试咯无数的方法都无济于事，嗨，又只好转战回PC端。
虽然PC端可以看ins而且也可以关注点赞，但是它不能发呀！它不能发呀！它不能发呀！，不能发ins，那不是很无趣咯，嗨，又是很忧伤。
然后我就在想，PC上肯定有办法发的，毕竟PC都可以浏览，会不会是被隐藏啦？或者说和微博一样是用的两个端？或者说是一个端？哇，我感觉找到方向啦，之前我在模拟器上尝试过但是比较麻烦，难道会不会真的是用的同一端呀，我开始有点小激动，如果真的是一个端的话，难道是按照窗口大小判断载入界面的？一会儿我就否定咯自己的想法，ins这么大的公司不应该只是做个窗口判断的吧。然后我就没有管咯。
偶然，就在这几天，我在网页上F12手机显示调整网页的时候，不小心点咯一下收藏的ins标签，不一会儿网页加载出来咯。什么！！我竟然看到了和手机端相同的界面！哇，我感觉好吃惊。。。竟然ins真的移动PC是用的一个端按照屏幕大小判断载入的UI。。。
哇，太简单粗暴啦。。我怎么也没有想到这么大的公司竟然也这么简单蛤蛤。现在就很明朗啦，首先改host文件吧，然后打开你的浏览器，按F12,切换显示窗口，OK搞定，可以发ins咯~

还有这种freestyle。。。

以上
Bobby
2017.6.26