tern-highlight

Highlight JavaScript syntax with Tern

Usage no npm install needed!

<script type="module">
  import ternHighlight from 'https://cdn.skypack.dev/tern-highlight';
</script>

README

tj-mode

Build Status NPM version

Highlight JavaScript with Tern.

Features

Syntactic Highlighting

  • Keywords + this
  • Variable declarations and function arguments
  • Function names (incl. variables and object properties)
  • Primitive literals (strings, numbers, booleans etc)
  • Comments (inline and block)

Extra Features :boom:

  • Syntax errors
  • Trailing commas in array and object literals
  • Missing semicolons

Emacs Mode

tj-mode is a major mode. Apart from syntax highligting, the mode provides:

  • Syntactic beginning-of-defun and end-of-defun
  • Automatic (idle) highlighting of references to the variable at point
  • Bouncing indentation (which is borrowed from the excellent js2-mode).

Other Editors

Contributions of other editor plugins are very welcome.

How to Install

Install like any other Tern plugin. The Tern plugin is called tern-highlight, and it's on npm, so:

npm install -g tern-highlight

You also need to enable the plugin in the .tern-project file in the root of your project directory:

{
    "plugins": {
        "highlight": {}
    }
}

How to Install the Emacs Plugin

The Emacs package is available on MELPA. So M-x package-install RET tj-mode .

(add-to-list 'auto-mode-alist '("\\.js\\'" . tj-mode))

Tests

See here

P.S.

This package is not written by TJ Holowaychuk :smile: