NornJ-highlight
Syntax highlight, snippets and file icon theme for NornJ template engine in VS Code.
Github: https://github.com/joe-sky/nornj-highlight
Install
ext install in Visual Studio Code command line
Search for nornj and click install
Syntax highlight and file icons screenshots
Snippets screenshots
Code Snippets
- Normal html tags, support all HTML tags
| trigger |
snippet |
<div |
Defines a <div> tag |
<span |
Defines a <span> tag |
<input |
Defines a <input> tag |
<iframe |
Defines a <iframe> tag |
<textarea |
Defines a <textarea> tag |
| ... |
... |
| trigger |
snippet |
<n-if |
Defines a <n-if> tag |
<n-else |
Defines a <n-else> tag |
<n-elseif |
Defines a <n-elseif> tag |
<n-switch |
Defines a <n-switch> tag |
<n-case |
Defines a <n-case> tag |
<n-default |
Defines a <n-default> tag |
<n-each |
Defines a <n-each> tag |
<n-for |
Defines a <n-for> tag |
<n-empty |
Defines a <n-empty> tag |
<n-prop |
Defines a <n-prop> tag |
<p-propName |
Defines a <p-propName> tag |
<n-strProp |
Defines a <n-strProp> tag |
<sp-propName |
Defines a <sp-propName> tag |
<n-obj |
Defines a <n-obj> tag |
<n-include |
Defines a <n-include> tag |
The code snippets is a fork of abusaidm/html-snippets.
How to enable Emmet html snippets
Add the following setting:
"emmet.includeLanguages": {
"nornj-html": "html"
}
How to use file icon theme
After installation and activation, you should go in settings (File → Preferences on Windows, or Code → Preferences on OSX), choose File Icon Theme, and select NornJ.
The file icon theme is a fork of EmmanuelBeziat/vscode-great-icons.
Code formatting has been supported, press Shift + Alt + F.
Extension settings
| setting |
type |
default |
effect |
nornj.format.indentSize |
number |
2 |
Set indent size |
nornj.format.indentChar |
string |
' ' |
Set indent char |
nornj.taggedTemplate.tags |
array |
["html", "nj", "njs", "t"] |
Tagged templates tag names |
nornj.taggedTemplate.format.enabled |
boolean |
false |
Enable/disable formatting of nornj template strings |
License
MIT
