Запустите Javascript в " Visual Studio Code"
есть ли способ выполнить javascript и отобразить результаты с помощью кода Visual Studio?
например, файл скрипта, содержащий
console.log('hello world');
Я предполагаю, что nodejs будет нужен, Но не могу понять, как это сделать?
EDIT: под "Visual Studio Code" я имею в виду новый редактор кода от Microsoft - не код, написанный с помощью Visual Studio
Код 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
свойства to 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, конфигурация не требуется:
- установить Расширение Кода Runner
- откройте файл кода JavaScript в текстовом редакторе, затем используйте shortcut
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.
недостатком этого является то, что вы получите только выход, и это все.
что мне действительно нравится делать, так это иметь возможность отлаживать код, скажем, Im пытается решить небольшой алгоритм или попробовать новую функцию 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.: homebrew и узел настоятельно рекомендуется, если у вас еще нет.
хорошего дня.