Запустите Javascript в " Visual Studio Code"
есть ли способ выполнить javascript и отобразить результаты с помощью кода Visual Studio?
например файл скрипта, содержащий
console.log('hello world');
Я предполагаю, что nodejs будет необходим, но не могу понять, как это сделать?
EDIT: под "кодом Visual Studio" я имею в виду новый редактор кода от Microsoft - не код, написанный с помощью Visual Studio
9 ответов:
это решение намеревается запустить текущий открытый файл в узле и показать вывод в VSCode.
у меня был тот же вопрос и нашел недавно введенный
tasksполезно для этого конкретного случая использования. Это немного хлопот, но вот что я сделал:создать
.vscodeкаталог в корне вашего проекта и создать в нем. Добавьте это определение задачи в файл:{ "version": "0.1.0", "command": "node", "isShellCommand": true, "args": [ "--harmony" ], "tasks": [ { "taskName": "runFile", "suppressTaskName": true, "showOutput": "always", "problemMatcher": "$jshint", "args": ["${file}"] } ] }затем вы можете:
press F1 > type `run task` > enter > select `runFile` > enterчтобы выполнить вашу задачу, но я оказалось проще добавить пользовательскую привязку ключей для открытия списков задач.добавить ключ привязки, в меню интерфейса VSCode, идти 'код' - > 'параметры' > 'горячие клавиши'. Добавьте это в свои сочетания клавиш:
{ "key": "cmd+r", "command": "workbench.action.tasks.runTask" }конечно, вы можете выбрать все, что вы хотите в качестве комбинации клавиш.
обновление:
предполагая, что вы используете JavaScript-кода тест это, вы можете отметить свою задачу как тест задача, установив его
isTestCommandсвойства доtrueи затем вы можете привязать ключ кworkbench.action.tasks.testкоманда для вызова одного действия.другими словами, ваш
tasks.jsonфайл теперь будет содержать:{ "version": "0.1.0", "command": "node", "isShellCommand": true, "args": [ "--harmony" ], "tasks": [ { "taskName": "runFile", "isTestCommand": true, "suppressTaskName": true, "showOutput": "always", "problemMatcher": "$jshint", "args": ["${file}"] } ] }...и ваш
keybindings.jsonфайл теперь будет содержать:{ "key": "cmd+r", "command": "workbench.action.tasks.test" }
существует гораздо более простой способ запуска JavaScript, без необходимости настройки:
- установить Code Runner Extension
- откройте файл кода JavaScript в текстовом редакторе, затем используйте ярлык
Ctrl+Alt+Nили нажмите клавишуF1а затем выберите/typeRun Code, код будет запущен и вывод будет показан в окне вывода.кроме того, вы можете выбрать часть кода JavaScript и запустить фрагмент кода. Очень удобно!
ярлык для встроенного терминала (ctrl+`), затем введите
node <filename>.В качестве альтернативы вы можете создать задачу. Это единственный код в моих задачах.json:
{ // See https://go.microsoft.com/fwlink/?LinkId=733558 // for the documentation about the tasks.json format "version": "0.1.0", "command": "node", "isShellCommand": true, "args": ["${file}"], "showOutput": "always" }отсюда создать ярлык. Это мои связки клавиш.json:
// Place your key bindings in this file to overwrite the defaults [ { "key": "cmd+r", "command": "workbench.action.tasks.runTask" }, { "key": "cmd+e", "command": "workbench.action.output.toggleOutput" } ]это откроет "выполнить" в командной палитре, но вам все равно нужно ввести или выбрать с помощью мыши задачу, которую вы хотите запустить, в этом случае узел. Второй ярлык переключает панель вывода, там уже есть ярлык для него, но эти клавиши находятся рядом друг с другом и легче работать.
я столкнулся именно с этой проблемой, когда я впервые начал использовать VS Code С расширением
Code Runnerчто вам нужно сделать, это установить узел.js путь в Настройки Пользователя
вам нужно установить путь как вы установите его в вашей машине Windows.
для меня это было
\"C:\Program Files\nodejs\node.exe\"как у меня есть место в моем каталоге файлов Имя
посмотреть этот изображения ниже. Мне не удалось запустить код сначала потому что я ошибся в Путь
надеюсь, что это поможет вам.
и конечно, ваш вопрос помог мне, так как я тоже пришел сюда, чтобы получить помощь для запуска
JSв своем VS CODE
ну, чтобы просто запустить код и показать вывод на консоли, вы можете создать задачу и выполнить ее, в значительной степени, как упоминает @canerbalci.
недостатком этого является то, что вы получите только выход, и это все.
что мне действительно нравится делать, так это отлаживать код, скажем, я пытаюсь решить небольшой алгоритм или попробовать новую функцию ES6, и я запускаю ее, и с ней что-то не так, я могу отлаживать ее внутри VSC.
Итак, вместо создавая задачу для него, я изменил ее .vscode / запуск.json-файл в этом каталоге выглядит следующим образом:
{ "version": "0.2.0", "configurations": [ { "name": "Launch", "type": "node", "request": "launch", "program": "${file}", "stopOnEntry": true, "args": [], "cwd": "${fileDirname}", "runtimeExecutable": null, "runtimeArgs": [ "--nolazy" ], "env": { "NODE_ENV": "development" }, "externalConsole": false, "sourceMaps": false, "outDir": null } ] }это означает, что он будет запускать любой файл, который вы сейчас используете, в отладчике VSC. Его набор, чтобы остановить на старте.
чтобы запустить его, нажмите клавишу F5, в файле, который вы хотите отладить.
это очень просто, когда вы создаете новый файл в VS Code и запускаете его, если у вас уже нет файла конфигурации, он создает его для вас, единственное, что вам нужно настроить, это значение "программа" и установить его на путь вашего основного JS-файла, выглядит так:
{ "version": "0.1.0", // List of configurations. Add new configurations or edit existing ones. // ONLY "node" and "mono" are supported, change "type" to switch. // ABSOLUTE paths are required for no folder workspaces. "configurations": [ { // Name of configuration; appears in the launch configuration drop down menu. "name": "Launch", // Type of configuration. Possible values: "node", "mono". "type": "node", // ABSOLUTE path to the program. "program": "C:\test.js", //HERE YOU PLACE THE MAIN JS FILE // Automatically stop program after launch. "stopOnEntry": false, // Command line arguments passed to the program. "args": [], // ABSOLUTE path to the working directory of the program being debugged. Default is the directory of the program. "cwd": "", // ABSOLUTE path to the runtime executable to be used. Default is the runtime executable on the PATH. "runtimeExecutable": null, // Optional arguments passed to the runtime executable. "runtimeArgs": [], // Environment variables passed to the program. "env": { }, // Use JavaScript source maps (if they exist). "sourceMaps": false, // If JavaScript source maps are enabled, the generated code is expected in this directory. "outDir": null }, { "name": "Attach", "type": "node", // TCP/IP address. Default is "localhost". "address": "localhost", // Port to attach to. "port": 5858, "sourceMaps": false } ] }
Я использовал Node Exec, никакой конфигурации не требуется, строит файл, который вы в настоящее время заканчиваете или что когда-либо было выбрано и выводит внутри VSCode.
https://marketplace.visualstudio.com/items?itemName=miramac.vscode-exec-node
с немного конфигурации вы можете добавить Babel, чтобы сделать некоторые на лету транспилирования тоже.
Я удивлена, что это не было упомянуто-просто откройте .JS-файл, о котором идет речь в VS-коде, перейдите на вкладку "консоль отладки", нажмите значок отладки и нажмите значок запуска (кнопка воспроизведения)!
нет загрузки, редактирования файлов или каких-либо дополнительных необходимых!
отказ от ответственности: это с узлом.Яш установлены. Не уверен, что это является обязательным условием.
Это самый быстрый способ для вас, на мой взгляд;
- открыть встроенный терминал в visual studio code (
View > Integrated Terminal)- тип
'node filename.js'- нажмите enter
Примечание: настройки узла. (если у вас есть домашнее пиво, просто введите "brew install node" на терминале)
примечание 2.: доморощенный и узел настоятельно рекомендуется, если у вас еще нет.
хорошего дня.

Comments