открыть статические html-файлы в браузере по умолчанию в Visual Studio Code

Question

Любой, кто использует код Visual Studio, знает, есть ли способ щелкнуть правой кнопкой мыши и открыть в браузере по умолчанию (a la Sublime Text)? Я знаю, что вы можете щелкнуть правой кнопкой мыши по файловому узлу и «открыть в проводнике», а затем вручную открыть его в браузере ... но я хочу сохранить дополнительные 2 секунды.

Answer 1

У меня есть что-то подобное в одном из моих проектов. Я установил свои задачи.json, как показано ниже. При том, что в месте, где я могу ввести «, то Ctrl + P типа„запуск задачи“и нажать кнопку ввода, чтобы загрузить текущий файл HTML в браузере по умолчанию :-)

// Available variables which can be used inside of strings. 
// ${workspaceRoot}: the root folder of the team 
// ${file}: the current opened file 
// ${fileBasename}: the current opened file's basename 
// ${fileDirname}: the current opened file's dirname 
// ${fileExtname}: the current opened file's extension 
// ${cwd}: the current working directory of the spawned process 
{ 
    "version": "0.1.0", 
    "command": "powershell", 
    "isShellCommand": true, 
    "suppressTaskName": true, 
    "tasks": [ 
     // other tasks here, 
     { 
      "taskName": "start browser", 
      "args": [ 
       "start", "${file}" 
      ] 
     } 
    ] 
} 

Answer 2

Нажмите Ctrl + Shift + P и выберите «Настройка задачи Runner» команда. Это откроет tasks.json файл для вас с различным типом конфигурации. Вы можете удалить все это и просто использовать следующий код

{ 
    "version": "1.0.0", 
    "command": "explorer", 
    "windows": { 
     "command": "explorer.exe" 
    }, 
    "args": [ 
     "index.html" 
    ] 
} 

не беспокойтесь о команде «исследователь «это не значит, что он откроется в Internet Explorer, он откроется в том, что вы по умолчанию конфигурации браузера. В аргументах передается любая страница, которую вы хотели бы открыть.

После того, как вы это сделали, просто нажмите Ctrl + Shift + B и откроется страница "index.html" в браузере по умолчанию.

Answer 3

На самом деле оба вышеуказанного кода открывают Windows-файл Explorer, а не BROWSER.

Я использую следующий код, который отлично работает, открывает файл в Chrome, проверяя статический html-файл с помощью Javascript.

{ 
    "version": "0.1.0", 
    "command": "Chrome", 
    "windows": { 
     "command": "C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe" 
    }, 
    "args": ["${file}"] 
} 

Answer 4

Добавление к ответу Rafique Admed, вот мой tasks.json файл:

{ 
    // See https://go.microsoft.com/fwlink/?LinkId=733558 
    // for the documentation about the tasks.json format 
    "version": "0.1.0", 
    "tasks": [ 
     { 
      "taskName": "chrome", 
      "command": "chrome", 
      "windows": { 
       "command": "C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe" 
      }, 
      "args": ["${file}"] 
     } 
    ] 
} 

Затем я добавил это в мой файл "keybindings.json":

[ 
    { "key": "ctrl+alt+b", 
     "command": "workbench.action.tasks.runTask", 
     "args": "chrome" 
    } 
] 

, чтобы открыть текущий отредактированный файл ctrl + alt + b (я выбрал b для браузера).