Как получить вывод JS на консоль в инструментах разработчика в VScode - PullRequest
Новая
       41

Как получить вывод JS на консоль в инструментах разработчика в VScode

0 голосов
/ 09 июня 2019

Я изучаю javascript на vscode и использую расширение liveServer, чтобы получить мои html и js runnning на chrome ... и я вижу свой вывод js в "inspect element-> console", который прекрасно работает ... теперь я видел инструменты для разработчиков Chrome, интегрированные в vscode, и вы можете открыть их в справке vscode, а затем выбрать инструменты для разработчиков ..... но дело в том, что я не получаю свой вывод js там ... как это сделать .... я учусь из учебника на YouTube - "https://www.youtube.com/watch?v=W6NZfCO5SIk", и он делает точную вещь из отметки времени 16:11 (переменная секция), что я хочу.

Я попытался изменить порты liveserver и установить для браузера по умолчанию значение NULL, что в конечном итоге откроет браузер Edge.

все это происходит, когда я запускаю расширение с живым сервером.

Я ожидаю, что мой вывод js на этом console, но я получаю это: 

[Extension Host] [32mServing "c:\VCodeCpp\" at http://127.0.0.1:5500[39m
workbench.main.js:238 [Extension Host] [36mReady for changes[39m-------

и когда что-то изменить в файле js, он говорит 

[Extension Host] [36mChange detected[39m c:\VCodeCpp\index.js----------

пока вывод в chrome в порядке

1 Ответ

0 голосов
/ 09 июня 2019

Похоже, вы находитесь на правильном пути с расширением живого сервера, из того, что я могу сказать в видео, которое вы связали, то, на что вы ссылаетесь, это расширение кода отладчика для Chrome visual studio. Это можно скачать в коде Visual Studio на панели расширений после поиска

["отладчик для Chrome"] (https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome"Download в коде VS или перейдите по этой ссылке на страницу загрузки Microsoft ") Если вы используете это вместе с веб-сервером, вам сначала нужно будет связать отладчик с портом, на котором находится сервер, вы должны увидеть вывод в chrometools.

Вы можете перейти по этой ссылке, чтобы узнать, как это сделать. Начало работы с Chrome Tools Я надеюсь, что это поможет, так как я все еще новичок в ответе на SO, но это выглядело как нечто, что я мог бы сделать твердую попытку.

...