Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/joe-sky/nornj-highlight

Syntax highlight and snippets for NornJ template engine in VS Code
https://github.com/joe-sky/nornj-highlight

nornj visual-studio-code vscode

Last synced: 3 months ago
JSON representation

Syntax highlight and snippets for NornJ template engine in VS Code

Awesome Lists containing this project

README

        

# NornJ-highlight

Syntax highlight, snippets and file icon theme for [NornJ template engine](https://github.com/joe-sky/nornj) 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

![nornj-template-example](images/screenshot.png)

## Snippets screenshots

![nornj-template-example](images/snippets.gif)

## Code Snippets

* Normal html tags, support all HTML tags

|trigger|snippet|
|-------|-------|
|`

` tag|
|`` tag|
|`` tag|
|`` tag|
|`` tag|
|...|...|

* `NornJ` extension tags

|trigger|snippet|
|-------|-------|
|`` tag|
|`` tag|
|`` tag|
|`` tag|
|`` tag|
|`` tag|
|`` tag|
|`` tag|
|`` tag|
|`` tag|
|`` tag|
|`` tag|
|`` tag|
|`` tag|
|`` tag|

> The code snippets is a fork of [abusaidm/html-snippets](https://github.com/abusaidm/html-snippets).

## How to enable Emmet html snippets

Add the following setting:

```js
"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](https://github.com/EmmanuelBeziat/vscode-great-icons).

## Formatting

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