https://github.com/azz/vscode-levels

:dolls: JavaScript scope-based syntax highlighting
https://github.com/azz/vscode-levels

Last synced: over 1 year ago
JSON representation

:dolls: JavaScript scope-based syntax highlighting

• Host: GitHub
• URL: https://github.com/azz/vscode-levels
• Owner: azz
• Created: 2017-04-22T15:21:21.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2017-04-22T16:13:27.000Z (about 9 years ago)
• Last Synced: 2025-03-18T17:06:53.471Z (over 1 year ago)
• Language: TypeScript
• Homepage:
• Size: 52.7 KB
• Stars: 13
• Watchers: 2
• Forks: 1
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Awesome Lists containing this project

README

          
# VSCode-Levels -- Syntax Highlighting for JavaScript

This is a Visual Studio Code extension for JavaScript scope-based syntax highlighting.

* Scope-based identifier highlighting for JavaScript.

* Based on [Douglas Crockford's Idea](https://plus.google.com/u/0/+PaulIrish/posts/XjR4WmSDFAV)

* Utilizes [eslevels](https://github.com/mazurov/eslevels).

* Configurable colors.

## Features

It's great for identifying the scope of a variable at a glance.

![nested-functions](img/nested-functions.png) ![tooltips](img/tooltips.png)

It's also nice for detecting accidental re-use of the same identifier.

![duplicate](img/duplicate.png)

## Extension Settings

This extension contributes the following settings:

* `levels.colors`: An array of colors to use in order of scope.

  The first element is implicit global scope,

  the second is explicit global scope,

  and subsequent colors are for nested scopes.

## Release Notes

See [`CHANGELOG`](https://github.com/derflatulator/vscode-levels/blob/master/CHANGELOG.md)