You can use the [**Live Preview**][1] extension from Microsoft:

[![Live Preview Extension][2]][2]

[<del>[Deprecated] Browser Preview</del>][3]


  [1]: https://marketplace.visualstudio.com/items?itemName=ms-vscode.live-server
  [2]: https://i.stack.imgur.com/FleEk.gif
  [3]: https://marketplace.visualstudio.com/items?itemName=auchenberg.vscode-browser-preview

I am writing a visual studio code extension and I'd like to be able to open a browser window with a specific url in response to a command. I know that Electron has a BrowserWindow class but it appears that the Electron API is not accessible from a vscode extension.

I'd prefer the browser window to open within the tool but I'd be ok with opening the web page in my default browser if it is not possible. 

How does one open a web page from an extension?

How do I open a browser window in a visual studio code extension?

This isn't trivial, but does answer the question.

You can retrieve all commands from within a VS Code Extension.  So if you [create your own][1] like this:

```bash
npm install -g yo generator-code
yo code
```

Then you can use the [`commands`][2] object like this:

```ts
let commands = await vscode.commands.getCommands()
```

Which does the following according to the docs:

> Retrieve the list of all available commands. Commands starting with an underscore are treated as internal commands.

**See Also**: [List of all available commands in VSCode][3]

[1]: https://code.visualstudio.com/api/get-started/your-first-extension
[2]: https://code.visualstudio.com/api/references/vscode-api#commands
[3]: https://stackoverflow.com/q/58367207/1366033

When creating or editing the keybindings.json file v1.2.1 of Visual Studio Code requires not only the key to bind but also the 'CommandID' and 'When' condition.  

I am looking for a complete list of 'CommandIDs' available to use and have been unable to find one. Where is that complete list of commands ?

Thanks

VSCode Keyboard command ids

I'm trying to determine if the active editor is opened by git or not (i.e. files that typically end in Working Tree, Untracked, etc)

There is little difference in `vscode.window.activeTextEditor` from the original file vs the same file opened from git with the modifications view, save for one field:

```ts
(vscode.window.activeTextEditor as any).id
```

Which returns a string like this:

```js
'vs.editor.ICodeEditor:1,$model12'  // value for normal editor
'vs.editor.ICodeEditor:7,$model12'  // value for git editor
```


The value `7` returned for `ICodeEditor` will be consistent across all editors within a particular vscode instance, but changes depending on what editors are available.

So I'm trying to translate the magic number `7` (in this one particular case) to the EditorType

In the source code, there's an [`editorBrowser` which has the following function][1]:

```ts
export function isDiffEditor(thing: any): thing is IDiffEditor {
	if (thing && typeof (<IDiffEditor>thing).getEditorType === 'function') {
		return (<IDiffEditor>thing).getEditorType() === editorCommon.EditorType.IDiffEditor;
	} else {
		return false;
	}
}
```

And [`editorCommon` has an `EditorType`][2]:

```ts
export const EditorType = {
	ICodeEditor: 'vs.editor.ICodeEditor',
	IDiffEditor: 'vs.editor.IDiffEditor'
};
```

But I cannot figure out how to access any of that information from within the context of an extension.

Even [`window.activeTextEditor`][3] which returns type [`TextEditor`][4] doesn't explicitly offer up fields like `id` (which is why I had to cast to any above).  So some of the internals here might not show up in the docs / public facing interfaces.



[1]: https://github.com/microsoft/vscode/blob/1.52.0/src/vs/editor/browser/editorBrowser.ts#L1061-L1067
[2]: https://github.com/microsoft/vscode/blob/1.52.0/src/vs/editor/common/editorCommon.ts#L683-L686
[3]: https://code.visualstudio.com/api/references/vscode-api#window
[4]: https://code.visualstudio.com/api/references/vscode-api#TextEditor

VSCode Extension - Get Editor Types

According to publishing docs section on [Visual Studio Code compatibility][1]

> When authoring an extension, you will need to describe what is the extension's compatibility to Visual Studio Code itself. This can be done via the `engines.vscode` field inside `package.json`:


```json
{
  "engines": {
    "vscode": "^1.62.0"
  }
}
```

[1]: https://code.visualstudio.com/api/working-with-extensions/publishing-extension#visual-studio-code-compatibility

When I run [`vsce`][1]

```bash
vsce publish
```

I get the following error:

```none
@types/vscode ^1.62.0 greater than engines.vscode ^1.48.0

Consider upgrade engines.vscode or use an older @types/vscode version
```

I have the following dependencies in my `package.json`:

```json
"devDependencies": {
    "@types/vscode": "^1.62.0",
    "vsce": "^2.5.0"
}
```

How do I update `engines.vscode`?

**Related**: [How do I update my vscode extension's engine requirement][2]

[1]: https://github.com/microsoft/vscode-vsce
[2]: https://stackoverflow.com/q/41913284/1366033