介绍：

NG Stack Snippets是一款专门为Netgen Stack开发者设计的代码片段扩展工具，旨在通过提供一系列实用的Twig和SCSS代码片段，显著提升您的开发效率。

Twig代码片段：

NG Stack Snippets为Twig开发者提供了以下实用代码片段：

• rf：快速渲染字段，触发代码为{{ ng_render_field(content.fields.$1) }}。
• mcf：调用内容字段，触发代码为{{ content_fields.$1($2) }}。
• cfd：格式化日期字段，触发代码为{{ content.fields.$1.value.value | date('j M Y') }}。
• sinfo：获取站点信息内容，触发代码为{% set site_info = ngsite.siteInfoContent %}。
• metadata：设置元数据，触发代码为{% set meta_data = {'description': content.fields.$3.value.xml.saveXML() | striptags | trim | truncate(152)} %}。
• d：调试输出变量，触发代码为{{ dump($1) }}。
• d%：调试输出变量（Twig语法），触发代码为{% dump($1) %}。

SCSS代码片段：

对于SCSS开发者，NG Stack Snippets提供以下代码片段：

• m-ic：包含图标颜色，触发代码为@include icon-color($1)。
• m-mbd：媒体查询断点向下，触发代码为@include media-breakpoint-down($1) {$2}。
• m-mbu：媒体查询断点向上，触发代码为@include media-breakpoint-up($1) {$2}。

通过使用NG Stack Snippets，您可以大幅减少编写常用代码的时间，专注于更复杂的开发任务，提高整体开发效率。无论您是Twig还是SCSS开发者，这款扩展都是提升Netgen Stack开发体验的必备工具。