Shopify运营

Shopify最佳的8种前端开发工具分享!


Shopify最佳的8种前端开发工具!面向前端开发人员的8种最佳免费Shopify资源和工具

  Shopify是一个非常棒的跨境电商平台,面向开发者 - 拥有超过80万活跃商家,这是一个充满活力的社区,为希望通过帮助商家解决问题赚取收入的人们提供大量机会。作为前端或后端开发人员,您可以协助商家进行主题开发和定制,构建应用程序,商店设计,摄影等等。

  
  有这么多选择在你面前,有时很难知道如何开始使用Shopify。幸运的是,有无数的免费资源可以帮助您开发和使用该平台,并简化您的工作流程。
  
  以下是一些最好的免费Shopify前端开发工具的介绍,以帮助您完成客户的开发工作。
  
  1. Polaris
  
  前端开发工具:Polaris
  
  创建和销售Shopify应用程序是向商家的在线商店添加新功能,服务和插件的有效方法。但是让你的Shopify应用程序看起来像本机组件可能非常耗时 - 这就是Polaris的用武之地。
  
  Polaris是Shopify的设计工具,包括一个带有vanilla HTML / CSS选项的React库以及一个可下载的UI工具包,使开发人员能够为他们的应用程序创建一致的体验。Polaris风格指南中的资源不仅仅是开发人员的工具包,还阐明了UX最佳实践和确保统一视觉语言的基本原理。
  
  该指南还提供了有关如何构建遵循可访问性最佳实践的应用程序的建议,以及查看国际化注意事项以允许您的界面在世界的每个角落中使用。最近,我们发布了我们的经验值,概述了我们的共同原则,以帮助定义为我们的商家提供良好体验的内容。
  
  2. Shopify App CLI
  
  前端开发工具:Shopify App CLI
  
  在应用程序开发期间设置脚手架代码的过程可能非常耗时,并且需要先执行许多步骤才能开始为应用程序添加功能。Shopify App CLI目前处于测试阶段,是一个命令行工具,旨在减少启动和运行应用程序所需的工作量,因此您可以专注于构建应用程序的功能。
  
  CLI工具不仅可以在开发过程中自动执行许多常规任务,还可以让您快速为应用添加常用功能,包括计费模型和webhook。安装后,该create命令将在当前活动目录中构建一个新的Shopify应用程序,并生成所有必需的启动文件。
  
  Shopify App CLI还可以向开发商店添加虚拟数据,以便您可以更彻底地测试应用程序。通过使用虚拟产品,客户和订单填充开发商店,您可以使用此工具创建更真实的测试环境。
  
  3. 主题套件
  前端开发工具:主题工具包
  
  Shopify捆绑了一个功能强大的在线主题编辑器,但你有没有想过在你喜欢的代码编辑器本地工作?Theme Kit由Shopify的主题开发团队在内部创建,是使用本地代码编辑器构建Shopify主题的跨平台工具。
  
  安装主题工具包后,开发人员可以观察主题文件的本地更改,并自动上传到Shopify,以及将主题上传到多个环境。Theme Kit与Windows,Linux和OS X兼容,可用于连接现有主题或从头开始创建新主题。
  
  4. Slate
  
  前端开发工具:Slate
  
  与上面的Theme Kit类似,Slate旨在帮助主题开发人员完成工作流程,并加快开发,测试和部署Shopify主题的过程。Slate通过提供经过测试的工作流程和固定开发工具包来指导开发人员,同时还通过高级配置满足更多老牌开发人员的需求。
  
  默认情况下,Slate使用Shopify Starter Theme生成一个新项目,但开发人员可以创建自己的入门主题,该主题经过专门设计,可用作新项目的起点。Slate还使用Theme Kit来观看和更新主题,因此您可以将Slate用作主题编辑工作流程的一部分。
  
  Slate的build脚本还编译主题,以便完全优化以在生产中运行。这些优化包括JavaScript,CSS和Minified HTML。在本博客文章中了解如何创建自己的入门主题并将其与GitHub仓库连接。
  
  5. Shopify合作伙伴学院
  
  前端开发工具:shopify partner academy
  
  Shopify合作伙伴学院是一个在线培训和认证计划,可以从您的合作伙伴仪表板访问。在线课程涵盖广泛的主题,包括主题和应用程序开发,以及非技术主题,如项目管理,营销和商店运营。
  
  Shopify合作伙伴学院还允许开发人员测试他们的知识并获得可用于证明您在主题或应用开发方面的专业知识的认证。通过这些考试后,您的合作伙伴信息中心将显示认证徽章。
  
  通过22门课程,考试和学习指南,Shopify合作伙伴学院是一个很好的资源,可以利用您现有的能力,或通过学习新技能使您的产品多样化。
  
  6. Liquid Cheat Sheet
  
  前端开发工具:Liquid Cheat Sheet
  
  所有Shopify主题的主干都是Liquid,一种模板语言,它使用标签,对象和过滤器的组合来加载动态Shopify内容。Liquid Cheat Sheet是一个可搜索的所有Liquid对象,标签和过滤器的数据库,演示了简单的示例,以及指向参考文档的链接。
  
  如果您是Liquid和主题的新手,那么备忘单将帮助您快速找到任何Liquid元素,并将成为您的主题开发工作流程中不可或缺的一部分。最近,该资源已更新,包括Liquid的新增内容,因此开发人员可以访问生产中所有Liquid元素的示例。
  
  就个人而言,这是我在Shopify商店工作时经常使用的最有用的工具之一。在编辑主题代码时在选项卡上打开备忘单允许我快速检查Liquid元素的属性和属性。一个用于书签!
  
  7. Shopify Liquid Code示例
  
  前端开发工具:Shopify Liquid Code示例
  
  我们经常通过示例学习,因此了解如何实现流行的主题组件是了解Shopify主题如何工作的好方法。为了帮助开发人员获得这种洞察力,我们创建了一个代码示例库,涵盖了在线商店的所有接触点。
  
  Shopify Liquid Code示例有助于告知各种Liquid对象,属性和过滤器如何作为主题中组件的一部分一起工作。开发人员甚至可以将这些示例直接添加到他们的主题中,以便您更快,更可靠地构建和自定义主题。
  
  该库展示了七个类别,展示了一些最重要的商店元素,例如可访问的分页,产品页面和结帐表单。
  
  8. 免费Shopify主题和Apps
  
  前端开发工具:免费主题
  
  每个人都喜欢在项目上抢先一步,并且免费的Shopify主题可供您使用,因此利用它们简化工作流程至关重要。
  
  许多免费主题是由我们在Shopify的才华横溢的主题团队内部创建的。这意味着每行代码都已经过优化,这些主题与高级功能捆绑在一起。您还可以使用免费主题在自己的自定义主题中重新创建功能。
  
  此外,许多有才华的合作伙伴开发了可在开发商店免费测试的应用程序。一旦商店转换为付费计划,这些应用程序将收取常规费用,但在应用于开发商店时,它们可能是一种有用的学习资源。
  
  例如,有一个应用程序可以自定义店面搜索,编辑元数据,添加产品评论,与履行公司联系等等。您可以在Shopify App Store中浏览合作伙伴友好的Shopify应用程序。
  
  强大的Shopify资源可添加到您的工具中
  
  作为设计人员和开发人员,寻找能够帮助我们更高效快捷的完成工作非常重要。及时了解Shopify网页设计和开发文章,了解Shopify并为您提供帮助。

如果您有什么问题,欢迎与我们联系

点击QQ咨询
联系我们


扫描添加微信
返回顶部