Nunjucks Visual Studio Code Extension Pack
This is the nunjucks supporting extension for vscode with complete features.
vscode-nunjucks support these file extensions
.nunjucks, .nunjs, .nj, .njk, .html, .htm, .template, .tmpl, .tpl
snippets
| Prefix |
HTML Snippet Content |
block |
{% block name %} {% endblock %} |
{% |
{% %} |
{{ |
{{ variable }} |
extends |
{% extends "template" %} |
include |
{% include "template" %} |
filter |
{% filter filter %} {% endfilter %} |
for |
{% for item in sequence %} {% endfor %} |
asyncEach |
{% asyncEach item in sequence %} {% endeach %} |
asyncAll |
{% asyncAll item in sequence %} {% endeach %} |
if |
{% if condition %} {% endif %} |
ife |
if else |
ifel |
if elif |
elif |
elif |
else |
else |
set |
set |
macro |
macro |
import |
import |
from |
from import |
raw |
raw |
call |
call |
var |
alt variable |
super |
super |
or |
or |
pipe |
pipe |
install extension manually
To install extension manually you need to proceed with theese five steps:
- Download this nunjucks-vscode-extensionpack repo from GitHub
- Navigate to the
<user home>/.vscode/extensions directory on your computer.
- Create a new folder and name it
nunjucks-vscode-extensionpack
- Copy all content of this repository into the
<user home>/.vscode/extensions/nunjucks-vscode-extensionpack directory.
- Restart the Code app and you are all set up for start writing nunjucks templates in Code.
Settings
{
"html.suggest.html5": true,
"emmet.includeLanguages": {
"njk": "html"
},
"files.associations": {
"*.njk": "njk"
}
}
| |
