Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mblode/vscode-twig-language
VS Code extension with snippets, syntax highlighting, hover, and formatting for Twig.
https://github.com/mblode/vscode-twig-language
twig vscode-extension
Last synced: 2 months ago
JSON representation
VS Code extension with snippets, syntax highlighting, hover, and formatting for Twig.
- Host: GitHub
- URL: https://github.com/mblode/vscode-twig-language
- Owner: mblode
- License: mit
- Created: 2017-11-05T11:18:27.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2023-11-09T20:37:19.000Z (about 1 year ago)
- Last Synced: 2024-05-01T15:31:55.510Z (8 months ago)
- Topics: twig, vscode-extension
- Language: JavaScript
- Homepage: https://marketplace.visualstudio.com/items?itemName=mblode.twig-language
- Size: 3.56 MB
- Stars: 41
- Watchers: 5
- Forks: 7
- Open Issues: 27
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Funding: .github/FUNDING.yml
- License: LICENSE.md
Awesome Lists containing this project
README
### VSCode Twig Language
- Syntax highlighting
- Snippets
- Emmet
- Pretty Diff Formatting
- Hover
- HTML intellisense
## Installation
Install through Visual Studio Code extensions. Search for `Twig Language`
[Visual Studio Code Market Place: Twig Language](https://marketplace.visualstudio.com/items?itemName=mblode.twig-language)
## Documentation
Twig Language is a Visual Studio Code extension that provides snippets, syntax highlighting, hover, and formatting for the Twig file format.
### Twig syntax highlighting and language support
This extension provides language support for the Twig syntax.
### Code formatter/beautifier for Twig files
Using PrettyDiff, this extension implements the only working code formatter for Twig files in VSCode.
### Information about Twig code on hover
VSCode Twig language shows information about the symbol/object that's below the mouse cursor when you hover within Twig files.
### Craft CMS/Twig code snippets
Adds a set of Craft CMS/Twig code snippets to use in your Twig templates.
### Generic Triggers
```twig
do {% do ... %}
extends {% extends 'template' %}
from {% from 'template' import 'macro' %}
import {% import 'template' as name %}
importself {% import _self as name %}
inc, include {% include 'template' %}
incp {% include 'template' with params %}
inckv {% include 'template' with { key: value } %}
use {% use 'template' %}
autoescape {% autoescape 'type' %}...{% endautoescape %}
block, blockb {% block name %} ... {% endblock %}
blockf {{ block('...') }}
embed {% embed "template" %}...{% endembed %}
filter, filterb {% filter name %} ... {% endfilter %}
macro {% macro name(params) %}...{% endmacro %}
set, setb {% set var = value %}
spaceless {% spaceless %}...{% endspaceless %}
verbatim {% verbatim %}...{% endverbatim %}
if, ifb {% if condition %} ... {% endif %}
ife {% if condition %} ... {% else %} ... {% endif %}
for {% for item in seq %} ... {% endfor %}
fore {% for item in seq %} ... {% 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
```twig
asset craft.assets.one()
assets, assetso craft.assets loop
categories, categorieso craft.categories loop
entries, entrieso craft.entries loop
feed craft.app.feeds.getFeedItems loop
t | t
replace | replace('search', 'replace')
replacex | replace('/(search)/i', 'replace')
split | split('\n')
tags, tagso craft.tags loop
users, userso craft.users loop
cache {% cache %}...{% endcache %}
children {% children %}
exit {% exit 404 %}
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 statements
matrixifelse Basic Matrix field loop using if/elseif
matrixswitch Basic Matrix field loop using switch
nav {% nav item in items %}...{% endnav %}
paginate Outputs example of pagination and prev/next links
redirect {% redirect 'login' %}
requirelogin {% requireLogin %}
requirepermission {% requirePermission "spendTheNight" %}
switch {% switch variable %}...{% 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 feed
dd
{{ dump() }}{% exit %}
dump {{ dump() }}
```
### Example Forms
```twig
formlogin Example login form
formuserprofile Example user profile form
formuserregistration Example user registration form
formforgotpassword Example forgot password form
formsetpassword Example set password form
formsearch Example search form
formsearchresults Example search form results
```
### Reference Hints
```twig
info All craft.assets properties and template tags
info All craft.crategories properties and template tags
info All craft.config properties and template tags
info All craft.entries properties and template tags
info All craft.feeds properties and template tags
info All craft.fields properties and template tags
info All craft.globals properties and template tags
info All craft.request properties and template tags
info All craft.sections properties and template tags
info All craft.session properties and template tags
info All craft.tags properties and template tags
info All craft.users properties and template tags
info All craft globals (site info, date, users, template tags)
```