# pangloss/vim-javascript **Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/pangloss-vim-javascript).** 3,784 stars · 350 forks · Vim Script ## Links - GitHub: https://github.com/pangloss/vim-javascript - Homepage: http://www.vim.org/scripts/script.php?script_id=4452 - awesome-repositories: https://awesome-repositories.com/repository/pangloss-vim-javascript.md ## Description vim-javascript is a syntax plugin for the Vim text editor that provides a collection of syntax highlighting, indentation rules, and code folding definitions specifically for JavaScript files. It functions as a set of implementation modules that extend the editor's native capabilities to improve the readability and structural management of the language. The project features a display layer customizer that utilizes character concealment to replace specific keywords and sequences with shorthand symbols. This reduces visual noise and increases code density without altering the actual content of the source file. The plugin includes a logic engine for syntax-based code folding and an automated indentation tool that calculates line offsets based on JavaScript grammar rules. It also employs a regex-based syntax highlighting engine to apply color-coded styles to different logic elements and documentation. ## Tags ### Development Tools & Productivity - [Regex-Based Syntax Highlighting](https://awesome-repositories.com/f/development-tools-productivity/regex-based-syntax-highlighting.md) — Employs regex-based syntax highlighting to apply color-coded styles to JavaScript logic elements. - [Vim Plugins](https://awesome-repositories.com/f/development-tools-productivity/vim-plugins.md) — Provides a comprehensive set of syntax highlighting, indentation, and folding extensions for the Vim editor. - [Indentation Rules](https://awesome-repositories.com/f/development-tools-productivity/indentation-rules.md) — Automatically adjusts line spacing and indentation based on JavaScript syntax rules. ([source](http://www.vim.org/scripts/script.php?script_id=4452)) - [Syntax Highlighting Engines](https://awesome-repositories.com/f/development-tools-productivity/syntax-highlighting-engines.md) — Ships a regex-based engine that parses source code into tokens for semantic colorization. - [Indentation Management](https://awesome-repositories.com/f/development-tools-productivity/vim-plugins/indentation-management.md) — Implements an automated system for detecting and applying JavaScript-specific indentation rules within the editor. - [Visual Clutter Reduction](https://awesome-repositories.com/f/development-tools-productivity/visual-clutter-reduction.md) — Reduces visual clutter by replacing common keywords and sequences with symbols in the display layer. ### Part of an Awesome List - [JavaScript Formatters](https://awesome-repositories.com/f/awesome-lists/devtools/code-formatting-and-style/javascript-formatters.md) — Provides automated alignment of JavaScript code blocks to maintain consistent formatting. ([source](http://www.vim.org/scripts/script.php?script_id=4452)) - [Indentation Optimization](https://awesome-repositories.com/f/awesome-lists/devtools/code-formatting-and-style/javascript-formatters/indentation-optimization.md) — Adjusts the automatic alignment of JavaScript code blocks to follow structural rules. ([source](https://cdn.jsdelivr.net/gh/pangloss/vim-javascript@master/README.md)) ### Software Engineering & Architecture - [Folding Expression Engines](https://awesome-repositories.com/f/software-engineering-architecture/code-edit-formats/structural-folding/code-folding/folding-expression-engines.md) — Provides the underlying expression logic to identify collapsible code regions using delimiter matching. - [Indentation Engines](https://awesome-repositories.com/f/software-engineering-architecture/indentation-engines.md) — Ships an indentation engine that calculates line offsets based on language-specific structural rules. - [Code Folding](https://awesome-repositories.com/f/software-engineering-architecture/code-edit-formats/structural-folding/code-folding.md) — Allows hiding or revealing sections of logic based on syntax structure to aid navigation. ([source](https://cdn.jsdelivr.net/gh/pangloss/vim-javascript@master/README.md)) - [Editor Event Hooks](https://awesome-repositories.com/f/software-engineering-architecture/custom-scripting-engines/custom-scripting-functions/vim-script-functions/editor-event-hooks.md) — Uses editor event hooks to execute procedural scripts that modify buffer behavior in real-time. - [Character Concealment](https://awesome-repositories.com/f/software-engineering-architecture/custom-scripting-engines/custom-scripting-functions/vim-script-functions/editor-event-hooks/character-concealment.md) — Customizes the display layer by replacing keywords and sequences with symbols to reduce visual noise. ### User Interface & Experience - [JavaScript Highlighters](https://awesome-repositories.com/f/user-interface-experience/code-syntax-highlighting/javascript-highlighters.md) — Applies specialized syntax highlighting for JavaScript code elements to improve readability. ([source](https://cdn.jsdelivr.net/gh/pangloss/vim-javascript@master/README.md)) - [Code Syntax Highlighting](https://awesome-repositories.com/f/user-interface-experience/code-syntax-highlighting.md) — Provides visual formatting of source code using colors and styles based on JavaScript syntax rules. ([source](https://cdn.jsdelivr.net/gh/pangloss/vim-javascript@master/README.md)) - [Editor Workflow Enhancements](https://awesome-repositories.com/f/user-interface-experience/text-editors/editor-interface-customizations/editor-workflow-enhancements.md) — Enhances the editor to provide specialized support for JavaScript development workflows. ### Business & Productivity Software - [Concealment Mappings](https://awesome-repositories.com/f/business-productivity-software/character-mapping-tables/concealment-mappings.md) — Implements concealment mappings to replace character sequences with symbols in the display layer. ### Programming Languages & Runtimes - [Delimiter Scanning](https://awesome-repositories.com/f/programming-languages-runtimes/regular-expression-engines/tokenizers/delimiter-scanning.md) — Implements delimiter scanning to identify collapsible code regions within the document structure. - [Display Concealment](https://awesome-repositories.com/f/programming-languages-runtimes/string-pattern-replacements/keyword-replacement-toolkits/display-concealment.md) — Provides display concealment by replacing specific character sequences with shorthand symbols to reduce visual noise.