Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Hugo HelperNew to Visual Studio Code? Get it now.
Hugo Helper

Hugo Helper

Ruslan Nasonov

|
42,222 installs
| (1) | Free
Helper for Hugo static site generator
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

vscode-hugo

downloads build

Integrate Hugo with VSCode.

Tasks

VSCode Task for Hugo.

Tasks

Build site

Run hugo shell command. In VSCode run Command Pallete -> Run tasks -> Build site.

Or press command + shift + b (control + shift + b for Windows and Linux) for select task in Build menu. If you setup Default build task command will be run without showing menu.

Serve site

Two possibility :

  • Run hugo server shell command to start like final site. In VSCode run Command Pallete -> Run tasks -> Serve site.
  • Run hugo server --buildDrafts shell command to start site with draft page. In VSCode run Command Pallete -> Run tasks -> Serve draft site.

Commands in Command Pallete

version - show local version of Hugo.

remote version - show remote version of Hugo.

create content - create content in content/ directory.

create content from archetype - create content in content/ directory from an archetype (https://gohugo.io/content-management/archetypes/)

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