e40aad53a4
- Highlight the error location markers in bold red. - Dim the line number gutter with grey. - Don't highlight brackets. Few editor color schemes do. - Add JSX tag highlighting. - Don't highlight punctuators with bold. That looks bad on Ubuntu based systems. Instead, highlight them the same way as JSX tags, which results in really nice JSX highlighting. - Highlight capitalized variable names. - Make invalid tokens stand out with a red background.
babel-code-frame
Generate errors that contain a code frame that point to source locations.
Install
$ npm install babel-code-frame
Usage
import codeFrame from 'babel-code-frame';
const rawLines = `class Foo {
constructor()
}`;
const lineNumber = 2;
const colNumber = 16;
const result = codeFrame(rawLines, lineNumber, colNumber, { /* options */ });
console.log(result);
1 | class Foo {
> 2 | constructor()
| ^
3 | }
If the column number is not known, you may pass null instead.
Options
| name | type | default | description |
|---|---|---|---|
| highlightCode | boolean | false |
Syntax highlight the code as JavaScript for terminals |
| linesAbove | number | 2 | The number of lines to show above the error |
| linesBelow | number | 3 | The number of lines to show below the error |