VS Code Twig Language 2 👋

What has changed since version 1?

"files.associations": {    "*.html": "twig"},"emmet.includeLanguages": {    "twig": "html"},

Installation

Configuration

Documentation

Twig syntax highlighting and language support

Code formatter/beautifier for Twig files

Information about Twig code on hover

Craft CMS/Twig code snippets

Generic Triggers

do                {%do ... %}extends           {%extends'template' %}from              {%from'template'import'macro' %}import            {%import'template'asname %}importself        {%import_selfasname %}inc, include      {%include'template' %}incp              {%include'template'withparams %}inckv             {%include'template'with {key:value } %}use               {%use'template' %}autoescape        {%autoescape'type' %}...{%endautoescape %}block, blockb     {%blockname %} ... {%endblock %}blockf            {{block('...') }}embed             {%embed"template" %}...{%endembed %}filter, filterb   {%filter name %} ... {%endfilter %}macro             {%macro name(params) %}...{%endmacro %}set, setb         {%setvar=value %}spaceless         {%spaceless %}...{%endspaceless %}verbatim          {%verbatim %}...{%endverbatim %}if, ifb           {%ifcondition %} ... {%endif %}ife               {%ifcondition %} ... {%else %} ... {%endif %}for               {%foriteminseq %} ... {%endfor %}fore              {%foriteminseq %} ... {%else %} ... {%endfor %}else              {%else %}endif             {%endif %}endfor            {%endfor %}endset            {%endset %}endblock          {%endblock %}endfilter         {%endfilter %}endautoescape     {%endautoescape %}endembed          {%endembed %}endfilter         {%endfilter %}endmacro          {%endmacro %}endspaceless      {%endspaceless %}endverbatim       {%endverbatim %}

Craft Triggers

asset                    craft.assets.one()assets, assetso          craft.assets loopcategories, categorieso  craft.categories loopentries, entrieso        craft.entries loopfeed                     craft.app.feeds.getFeedItems loopt                        | treplace                  | replace('search', 'replace')replacex                 | replace('/(search)/i', 'replace')split                    | split('\n')tags, tagso              craft.tags loopusers, userso            craft.users loopcache                    {%cache %}...{%endcache %}children                 {%children %}exit                     {%exit404 %}ifchildren               {%ifchildren %}...{%endifchildren %}css                      {%css %}...{%endcss %}registercssfile          {%do view.registerCssFile("/resources/css/global.css") %}js                       {%js %}...{%endjs %}registerjsfile           {%do view.registerJsFile("/resources/js/global.js") %}matrix, matrixif         Basic Matrix field loop using if statementsmatrixifelse             Basic Matrix field loop using if/elseifmatrixswitch             Basic Matrix field loop using switchnav                      {%naviteminitems %}...{%endnav %}paginate                 Outputs example of pagination and prev/next linksredirect                 {%redirect'login' %}requirelogin             {%requireLogin %}requirepermission        {%requirePermission"spendTheNight" %}switch                   {%switchvariable %}...{%endswitch %}csrf                     {{ csrfInput() }}endbody                  {{ endBody() }}head                     {{ head() }}getparam                 craft.app.request.getParam()getbodyparam             craft.app.request.getBodyParam()getqueryparam            craft.app.request.getQueryParam()getsegment               craft.app.request.getSegment()case                     {%case"value" %}endcache                 {%endcache %}endifchildren            {%endifchildren %}endcss                   {%endcss %}endjs                    {%endjs %}endnav                   {%endnav %}ceil                     ceil()floor                    floor()max                      max()min                      min()shuffle                  shuffle()random                   random()round                    num | round()url, urla                url('path'), url('path', params, 'http', false)rss                      Example rss feeddd                       <pre>{{dump() }}</pre>{%exit %}dump                     <pre>{{dump() }}</pre>

Example Forms

formlogin                Example login formformuserprofile          Example user profile formformuserregistration     Example user registration formformforgotpassword       Example forgot password formformsetpassword          Example set password formformsearch               Example search formformsearchresults        Example search form results

Reference Hints

info            All craft.assets properties and template tagsinfo            All craft.crategories properties and template tagsinfo            All craft.config properties and template tagsinfo            All craft.entries properties and template tagsinfo            All craft.feeds properties and template tagsinfo            All craft.fields properties and template tagsinfo            All craft.globals properties and template tagsinfo            All craft.request properties and template tagsinfo            All craft.sections properties and template tagsinfo            All craft.session properties and template tagsinfo            All craft.tags properties and template tagsinfo            All craft.users properties and template tagsinfo            All craft globals (site info, date, users, template tags)

Author

🤝 Contributing

Show your support

📝 License