Cursor是啥?最近网上热搜的AI代码开发工具Cursor火爆全球,他到底有怎样的魅力让众多开发者青睐呢?

Cursor是一个集成了 GPT-4 的国内直接可以访问的,优秀而强大的免费代码生成器,可以帮助你快速编写、编辑和讨论代码。 它支持多种编程语言,如 Python, Java, C#, JavaScript 等,并且可以根据你的输入和需求自动生成代码片段。 Cursor 还可以帮助你重构、理解和优化代码,提高开发效率。

强烈建议程序员们都要安装使用,将带来革命性的编码效率提升。

今天我们主要来说一下Shopify在Cursor上的应用。打开Cursor官网,我们可以看到Cursor备受Shopify工程师青睐,可想而知Cursor给Shopify提供了非常大的技术支持。

使用

如何在Cursor编辑Shopify主题代码

1、精准识别liuqid代码需求

这里我有一段复杂的liquid代码,我选中之后按ctrl+k输入我的要求,“帮我以{%liquid%}形式改写以下代码,要求逻辑一致”,他能准确的给出改写后的代码,按确认即可替换。

2、读懂Shopify api

这里我描述了生成一个动态加购的功能,它给出的代码也是十分准确的,并通过第二个/cart.js返回了购物车中的商品数量。

注意,我这个是新开的文件,但cursor依然能通过识别这个是shopify代码项目,并使用Shopify 的api帮我生成了代码。

3、根据Shopify官方同步更新api和功能

Ctrl+L点击打开聊天框,我这里叫Cursor创建一个新模块,有三个要求,

1.使用swiper

2.section设置中有blocks选择产品,并且能设置pc和mb端一次显示产品的个数

3.使用最新的 "type": "style.spacing_panel"去设置模块的内边距

其中第三点是Shopify官方最新的边距功能(还没正式使用),他也能给出准确的代码

大家可以下载以下代码进行测试和优化!!

product-carousel.txt【点击文件下载】

4、Shopify Checkout UI Extension、function api和headless等shopify官方app也适用。

我尝试叫Cursor帮我写一个在checkout页面的加购产品app也能给出完整的代码。

综上,Cursor非常适合进行Shopify主题、app开发,如果你的需求描述正确,他的准确率几乎是90%以上,综合项目其他文件进行代码处理,api的使用以及对Shopify代码的更新支持度都很高,我现在在开发中已经离不开Cursor了,开发速度实在是快!

有兴趣的小伙伴可以进入Cursor官网进行下载和使用,目前Cursor的定价是Pro版20美元一个月,企业版40美元一个月,略贵哈,但是在国内总是能在黄色小鱼软件上低价上车的。

#AI #Shopify #Shopify代码

关于我

这里,主要会以图文的方式去发布于shopify开发相关的所有问题,相应的视频教程后续也会不断上线。

网站目前属于初建阶段,还有很多不完善的地方,请耐心等候更新。

期待与各位小伙伴一起成长进步!

欢迎评论区留下你们感兴趣的内容!

一起交流:Ayao_jiang