VS Code

Install Visual Studio Code for editing code, documentation, and lab automation files.

ansible-playbook -i inventory -K playbooks/lab-stack.yml --tags vscode
Extension identifier Why install it
ms-python.python Provides Python language support, debugging, IntelliSense, and environment selection.
ms-toolsai.jupyter Enables Jupyter notebooks and interactive Python execution in VS Code.
ms-vscode.makefile-tools Supports configuring, building, and debugging projects that use Makefiles.
ms-azuretools.vscode-docker Supports working with Dockerfiles, containers, images, and Compose configurations.
eamodio.gitlens Adds detailed Git history, blame information, and repository navigation.
streetsidesoftware.code-spell-checker Detects spelling errors in source code, comments, and documentation.
yzhang.markdown-all-in-one Adds Markdown shortcuts, table-of-contents generation, and editing assistance.
davidanson.vscode-markdownlint Detects Markdown formatting and style problems.
quarto.quarto Provides editing, previewing, and rendering support for Quarto documents.
telesoho.vscode-markdown-paste-image Saves clipboard images and inserts the corresponding Markdown image link.
redhat.vscode-yaml Provides YAML validation, completion, navigation, and schema support.
tamasfe.even-better-toml Provides TOML syntax support, validation, completion, and formatting.
esbenp.prettier-vscode Applies consistent automated formatting to supported file types.
davidlday.languagetool-linter Checks grammar, style, and spelling in Markdown, plain-text, HTML, and MDX files. See languagetool setup

Quarto screenshots

The role installs GitLens, Prettier, Quarto, and Markdown Paste, plus xclip for Linux clipboard access. In a local .qmd file, Ctrl+Alt+V opens a filename confirmation box. Edit the proposed filename if needed, then confirm to save the image under images/ beside the document and insert a relative Markdown image reference. No automatic filename suffix is configured.

✅ Check

  1. Open a .qmd file in VS Code.
  2. Copy a screenshot to the clipboard.
  3. Press Ctrl+Alt+V.
  4. Enter or edit the desired filename, then confirm the paste.
  5. Confirm that an image appears under images/.
  6. Confirm that a relative Markdown image reference was inserted.