Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>Network Syntax HighlighterNew to Visual Studio Code? Get it now.
Network Syntax Highlighter

Network Syntax Highlighter

justDeveloping

|
21 installs
| (1) | Free
A VS Code extension designed to provide robust syntax highlighting for network configuration languages, with a primary focus on Cisco IOS/NX-OS. It accurately colorizes keywords, commands, parameters, and comments, making network device configurations significantly more readable and easier to interp
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Network Syntax Highlighter

Network Syntax Highlighter is a Visual Studio Code extension that provides robust syntax highlighting for network configuration languages, with a primary focus on Cisco IOS and NX-OS. It helps network engineers and IT professionals quickly read, review, and edit network device configurations by colorizing keywords, commands, parameters, and comments.


Features

  • Syntax Highlighting for Cisco IOS/NX-OS configuration files
  • Supports multiple file extensions: .ios, .cisc, .cisco, .nxos, .ncfg, .nconf
  • Recognizes code blocks in Markdown files using the ios language id
  • Highlights key configuration elements, making configs easier to interpret and less error-prone

Supported Language IDs & Aliases

  • ios (primary, for Markdown code blocks)
  • Aliases: Cisco IOS, cisco, network-config, cisco-nx-os, ntwk-cfg (for file associations and language selection)

Usage

In Standalone Files

Open any supported file (e.g., config.ios, switch.nxos) and enjoy enhanced syntax highlighting.

In Markdown

Use fenced code blocks with the ios language id:

```ios
! This is a comment
interface GigabitEthernet0/0
 ip address 192.168.1.1 255.255.255.0
 no shutdown
```

Note: Only ios (not aliases) is supported for Markdown code blocks.


Installation

  1. Download or clone this repository.
  2. Run vsce package to build the extension.
  3. Install the generated .vsix file in VS Code (Extensions > ... > Install from VSIX...).

Development

  • Grammar definition: syntaxes/cisco.tmLanguage.json
  • Language configuration: language-configuration.json
  • Extension manifest: package.json

Known Issues

  • Syntax highlighting in Markdown code blocks only works when using the ios language id.
  • If you experience issues with highlighting in Markdown, please see the GitHub Issues for possible VS Code limitations.
  • config terminal doesn't highlight.
  • Short hand like Se , G, Fa, etc. are not highlighted.
  • When using range, port number highlight are partial.

Credits

  • NLP icons created by Freepik - Flaticon

License

MIT License


Contributing

Pull requests and suggestions are welcome! Please open an issue

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft