microsoft / microsoft/vscode-livepreview

Create a launch.json configuration for live preview

Open
#506 1 comment 5 reactions 1 assignee View on GitHub

@andreamah is already working on this.

Since Jun 5, 2023.

feature-request
Dominant language
TypeScript
Stars
596
Forks
119
Avg merge
1d 4m
Merged PRs (30d)
5

Description

Currently to run in debug mode, we have to open the html file and (provided you just installed it without any customization) you need to press open the command palette and run Live Preview: Show Debug Preview (External Browser).

Even though it is fairly easy to keybind it to F5 and add a When expression to editorLangId=='html', it is kind of a pretty default thing to run every other projects within VSCode in debug mode with the F5 keybinding.

I am a teacher of Web Development for kids at High School of a vocational school, and it is pretty much their first steps in development and with VSCode. So it is kind of overwhelming (as we have Deep Freezed system) to always have to open the command palette and running Live Preview: Show Debug Preview (External Browser) or having to always set the keybinding just to see the output of a console.log within the Debug Console, when in other languages (Python, Dart, even C and C++) we just need to press F5 and we are already there.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.