Bash Highlighter for CI/CD

VSCode extension that provides bash syntax highlighting inside GitHub Actions and GitLab CI workflow files.

Features

• Smart CI detection — analyzes YAML structure, not filenames. Works with any path: .gitlab-ci.yml, ci/deploy.yml, .gitlab/ci/build.yaml, etc.
• Bash highlighting in run:, script:, before_script:, after_script: blocks
• Multiline support — handles | and > YAML block scalars
• GitHub expressions — recognizes ${{ }} syntax

Highlighted elements

Element	Examples
Commands	echo, cd, mkdir, npm, docker
Keywords	if, then, else, fi, for, while, case
Variables	$VAR, ${VAR:-default}, $1, $@
Strings	"double quoted", 'single quoted'
Operators	&&, ||, >, >>, |, ;
Comments	# comment
GitHub expressions	${{ github.sha }}, ${{ secrets.TOKEN }}

Supported CI systems

GitHub Actions

• .github/workflows/*.yml
• Any YAML containing jobs, runs-on, steps structure

GitLab CI

• .gitlab-ci.yml
• Any YAML containing stages, script, image structure
• Works with include: files at any path

Installation

From Marketplace

Search for "Bash Highlighter for CI/CD" in VSCode Extensions.

From VSIX

npm install
npm run build
npm run package
code --install-extension bashlighter-0.1.0.vsix

Development

git clone https://github.com/nsvk13/bashlighter
cd bashlighter
npm install
npm run build:dev
# Press F5 in VSCode to launch Extension Development Host

License

MIT