如何从 Visual Studio 代码 API 打开浏览器

Question

我只是在探索一种方法，以便从用于开发扩展的 Visual Studio 代码 API 打开默认浏览器。

以下是我的代码：

var disposable = vscode.commands.registerCommand('extension.browser', () => {
  // The code you place here will be executed every time your command is executed
  vscode.Uri.call("http://facebook.com");
});

如何使用 vscode 从 API 打开浏览器 URL class。

Answer 1

我必须使用 npm open url 才能在浏览器中打开。

var openurl = require('openurl').open;
    openurl("http://google.com");

Answer 2

您不需要安装外部依赖项。打开 URL 可以简单地用 Node.js 库和系统命令来完成。例如使用 child_process.exec 打开一个 URL.

像这样声明一个函数：

const exec = require('child_process').exec;

function openURL(url) {
  let opener;

  switch (process.platform) {
    case 'darwin':
      opener = 'open';
      break;
    case 'win32':
      opener = 'start';
      break;
    default:
      opener = 'xdg-open';
      break;
  }

  return exec(`${opener} "${url.replace(/"/g, '\\"')}"`);
}

然后从您的代码中调用它

openURL('http://whosebug.com');

Answer 3

不需要节点或外部库。

如果您使用的是 VS Code 1.31+，请使用 vscode.env.open 函数：

import * as vscode from 'vscode';

vscode.env.openExternal(vscode.Uri.parse('https://example.com'));

对于较旧的 VS Code 版本，请使用 vscode.open 命令：

vscode.commands.executeCommand('vscode.open', vscode.Uri.parse('https://example.com'))

这两个都会在用户的默认浏览器中打开页面

如何从 Visual Studio 代码 API 打开浏览器

How to open browser from Visual Studio Code API

javascript

node.js

typescript

visual-studio-code

vscode-extensions