Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/joe-sky/nornj-highlight
- Owner: joe-sky
- License: mit
- Created: 2018-02-28T01:23:49.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2023-07-12T06:35:20.000Z (over 1 year ago)
- Last Synced: 2024-10-11T07:44:54.267Z (3 months ago)
- Topics: nornj, visual-studio-code, vscode
- Language: TypeScript
- Homepage: https://marketplace.visualstudio.com/items?itemName=joe-sky.nornj
- Size: 1.18 MB
- Stars: 5
- Watchers: 2
- Forks: 2
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
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