nunjucks-template
This is the Nunjucks-supporting extension for vscode with complete features.
feature
- nunjucks template syntax
- nunjucks formatter with prettydiff2
- yaml syntax
configurations
- By default, detects .nj, .njk files automatically.
- Additionally, use
files.associations
"files.associations": {
"*.html": "njk"
},
- For vscode embedded emmet, notify that
njk
is html file type
"emmet.includeLanguages": {
"njk": "html"
},
- for vscode-icons (issue #6)
"vsicons.associations.files": [
{ "icon": "nunjucks", "extensions": ["njk"], "format": "svg" }
],
- for Material Icon Theme by Heitor Augusto
"material-icon-theme.files.associations": {
"*.html": "nunjucks"
},
snippets
Trigger | Snippet |
---|---|
n-extends | {% extends '${name}' %} |
n-block | {% block ${name} %}{% endblock %} |
n-if | {% if condition %}{% endif %} |
n-for | {% for ${condition} %}{% endfor %} |
n-macro | {% macro ${name}() %}{% endmacro %} |