ctrl+shift+p filters: :st2 :st3 :win :osx :linux
浏览

Magento 头部片段

由 MageFront 全部

Magento 前端片段，Sublime Text 的插件

标签 Magento, 前端, 片段

详细信息

安装

  • 总计 5K
  • Win 2K
  • Mac 1K
  • Linux 1K
8月6日 8月5日 8月4日 8月3日 8月2日 8月1日 7月31日 7月30日 7月29日 7月28日 7月27日 7月26日 7月25日 7月24日 7月23日 7月22日 7月21日 7月20日 7月19日 7月18日 7月17日 7月16日 7月15日 7月14日 7月13日 7月12日 7月11日 7月10日 7月9日 7月8日 7月7日 7月6日 7月5日 7月4日 7月3日 7月2日 7月1日 6月30日 6月29日 6月28日 6月27日 6月26日 6月25日 6月24日 6月23日
Windows 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0
Mac 1 1 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
Linux 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0

自述文件

源代码
raw．githubusercontent．com

MagentoSnippets

Magento 前端片段，Sublime Text 的插件。

该工具用于通过片段提高 Magento 主题开发的生产力。这些片段包括属于 Magento 框架的部分代码。这些我们每天都会用到，但因为它们通常比较复杂和冗长，所以从未记住。

安装

通过 包控制 安装

如何使用它？

此插件的缩进触发器为“mg-*”。

在某些编辑器中，仅仅按 tab 键无法触发片段，因此您需要检查一些事情，就像下面 gif 一样让魔法发生。

  1. 检查您没有为用户设置键绑定（如果有，您必须删除它）

    { "keys": ["tab"], "command": "insert_best_completion", "args": {"default": "\t", "exact": true} },

  2. 如果它仍然不起作用，请将以下行添加到您的用户设置中
    "tab_completion": false,

  3. 有些人将 CTRL+Space 分配为片段触发器

  4. 检查是否有其他软件包与片段触发器冲突（例如，Emmet 可能会导致 Sublime Text 3 片段使用问题）

建议

如果您想改进这些片段，请创建 问题

有关如何创建自己的片段并为此工具做出贡献，请参阅 贡献文本

可用片段

XML

  1. mg-addLinkRel :: 在 XML 中添加 LinkRel
  2. mg-xml-cms-block :: XML 中的 CMS Block
  3. mg-xml-css :: 在 XML 中添加 CSS
  4. mg-insert :: 插入块方法
  5. mg-local-xml :: 将基本结构写入新的 local.xml 文件
  6. mg-ref :: 添加引用标签
  7. mg-rm :: XML 中移除一个块
  8. mg-removeItem :: 通过 XML 删除头项
  9. mg-xml-setcolumn :: 添加产品列表中的列数
  10. mg-set-template :: 设置新根模板的操作
  11. mg-xml-skinjs :: 在 XML 中添加皮肤 JS
  12. mg-unsetchild :: 取消子方法
  13. mg-xml-text :: XML 中的自由文本

PHTML

  1. mg-php-cms-block :: PHTML 中的 CMS 模块(PHP+HTML)
  2. mg-format-price-currency :: 格式化价格
  3. mg-getAttrText :: 在产品查看中获取属性文本
  4. mg-getchildhtml :: 获取子 HTML 方法
  5. mg-url :: 获取 URL
  6. mg-url-asec :: 获取数组安全 URL
  7. mg-img :: 图片皮肤 URL
  8. mg-productTypeId :: 获取产品类型 ID
  9. mg-script :: 添加 script/javascript 标签
  10. mg-storeInfo :: 获取商店信息
  11. mg-translate-phtml :: 添加翻译助手输出
  12. mg-vars :: 从管理员获取变量
  13. mg-viewport :: 添加视口 meta 标签以加载 media-queries

JS

  1. mg-console-log :: 添加 console.log 以进行调试
  2. mg-iife-jquery :: 以参数传递 jQuery 的 IIFE
  3. mg-prototype-dom-ready :: 添加 Prototype DOM ready

SCSS

  1. mg-clearfix :: 创建一个用于解决浮动的占位符选择器
  2. mg-scss-imgurl :: 调用图像 URL 函数
  3. mg-scss-sprite-height-width :: 调用 scss 中的精灵高度和宽度函数
  4. mg-scss-sprite :: 在 scss 中调用 Sprite 函数