Есть ли способ выполнить javascript и отобразить результаты с помощью кода Visual Studio?
Например, файл script, содержащий
console.log('hello world');
Я предполагаю, что nodejs понадобятся, но не могут решить, как это сделать?
EDIT: "Код Visual Studio" Я имею в виду новый редактор кода от Microsoft - не код, написанный с использованием Visual Studio
Это решение предназначено для запуска текущего открытого файла в node и отображения вывода в VSCode.
У меня был такой же вопрос, и я нашел новый tasks полезный для этого конкретного случая использования. Это немного хлопот, но вот что я сделал:
Создайте каталог .vscode в корневом каталоге проекта и создайте в нем файл tasks.json. Добавьте это определение задачи в файл:
{
"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 UI, перейдите "Код" > "Настройки" > "Клавиши быстрого доступа". Добавьте это в свои быстрые клавиши:
{
"key": "cmd+r",
"command": "workbench.action.tasks.runTask"
}
Конечно, вы можете выбрать все, что хотите, в качестве комбинации клавиш.
UPDATE:
Предполагая, что вы используете код 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, без необходимости настройки:
Run Code, код будет запущен, и результат будет показан в окне вывода.Кроме того, вы можете выбрать часть кода JavaScript и запустить фрагмент кода. Расширение также работает с несохраненными файлами, так что вы можете просто создать файл, изменить его на Javascript и быстро написать код (для случая, когда вам просто нужно попробовать что-то быстрое). Очень удобно!
Я удивлен, что это еще не было упомянуто:
Просто откройте соответствующий файл .js в VS Code, перейдите на вкладку "Debug Console", нажмите кнопку отладки на левой навигационной панели и нажмите значок запуска (кнопка воспроизведения)!
Требуется установка nodejs!
Сочетание клавиш для встроенного терминала: 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"
}
Отсюда создайте ярлык. Это мой keybindings.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
Что нужно сделать, это установить путь к node.js в настройках пользователя
Вам нужно установить путь, когда вы устанавливаете его на вашем компьютере с Windows.
Для меня это было \"C:\\Program Files\\nodejs\\node.exe\"
Поскольку у меня есть пробел в имени моего каталога файлов
Смотрите это изображение ниже. Сначала мне не удалось запустить код, потому что я допустил ошибку в имени пути 
Надеюсь, что это поможет вам.
И, конечно, ваш вопрос помог мне, так как я также пришел сюда, чтобы получить помощь для запуска JS в моем VS CODE
На мой взгляд, это самый быстрый способ для вас;
View > Integrated Terminal)'node filename.js'примечание: требуется настройка узла. (если у вас есть homebrew, просто наберите "brew install node" на терминале)
примечание 2: доморощенный и нод настоятельно рекомендуется, если у вас его еще нет.
хорошего дня.
Хорошо, чтобы просто запустить код и показать вывод на консоли, вы можете создать задачу и выполнить ее, в значительной степени, как упоминает @canerbalci.
Недостатком этого является то, что вы получите только результат и это будет.
То, что мне действительно нравится, - это отладить код, скажем, что я пытаюсь решить небольшой алгоритм или попробовать новую функцию ES6, и я запускаю ее, и есть что-то подозрительное, я могу ее отладить внутри VSC.
Итак, вместо создания задачи для него я изменил файл .vscode/launch.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 и запускаете его, если у вас уже нет файла конфигурации, он создает его для вас, единственное, что вам нужно настроить, это значение "program", и установите его на путь вашего основного файла 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, чтобы сделать некоторые на лету транспиляции тоже.
Нет необходимости устанавливать среду для запуска кода на javascript, python и т.д. В коде Visual Studio. Вам нужно просто установить расширение Code Runner, а затем просто выбрать часть кода, которую вы хотите запустить, и нажать кнопка запуска присутствует в правом верхнем углу.
Теперь это может быть самым простым, начиная с v1.32:
{
"key": "ctrl+shift+t",
"command": "workbench.action.terminal.sendSequence",
"args": { "text": "node '${file}'\u000D" }
}
Используйте свою собственную привязку клавиш.
См. Примечания к выпуску: sendSequence и переменные.
С vscode v1.32 вы можете sendSequence в терминал, используя переменные, такие как ${file}, который является текущим файлом. Если вам нужен какой-то другой путь, замените $ {file} на ваш путь в привязке ключей выше.
\u000D - это возврат, поэтому он запустится немедленно.
Я добавил ' вокруг переменной ${file} на тот случай, если в пути к файлу есть пробелы, например c:Users\Some Directory\fileToRun
Существует много способов запуска JavaScript в коде Visual Studio.
Если вы используете Node, то я рекомендую использовать стандартный отладчик в VSC.
Обычно я создаю фиктивный файл, например test.js, где я делаю внешние тесты.
В вашей папке, где у вас есть код, вы создаете папку с именем ".vscode" и создаете файл с именем "launch.json"
В этом файле вы вставляете следующее и сохраняете. Теперь у вас есть два варианта для проверки вашего кода.
Когда вы выбираете "Тестовый файл Nodemon", вы должны поместить свой код для тестирования в test.js.
Чтобы установить nodemon и получить дополнительную информацию о том, как отлаживать с помощью nodemon в VSC, я рекомендую прочитать эту статью, в которой более подробно объясняется вторая часть файла launch.json и способы отладки в ExpressJS.
{
"version": "0.2.0",
"configurations": [
{
"type": "node",
"request": "launch",
"name": "Nodemon Test File",
"runtimeExecutable": "nodemon",
"program": "${workspaceFolder}/test.js",
"restart": true,
"console": "integratedTerminal",
"internalConsoleOptions": "neverOpen"
},
{
"type": "node",
"request": "attach",
"name": "Node: Nodemon",
"processId": "${command:PickProcess}",
"restart": true,
"protocol": "inspector",
},
]
}
Другой вариант - использовать консоль инструментов разработчика в коде Visual Studio. Просто выберите "Переключить инструменты разработчика" в меню справки, а затем откройте вкладку "Консоль" во всплывающих инструментах разработчика. Оттуда у вас есть те же инструменты разработчика REPL, которые вы получаете в Chrome.
Для окон: просто измените ассоциацию файла .js на node.exe
1) Take VSCode
2) Right click on the file in left pane
3) Click "Reveal in explorer" from context menu
4) Right click on the file -> Select "Open with" -> Select "Choose another program"
5) Check box "Always use this app to open .js file"
6) Click "More apps" -> "Look for another app in PC"
7) Navigate to node.js installation directory.(Default C:\Program Files\nodejs\node.exe"
8) Click "Open" and you can just see cmd flashing
9) Restart vscode and open the file -> Terminal Menu -> "Run active file".
Другой способ открыть терминальную ctrl+ выполнить node. Теперь у вас есть активный узел REPL. Теперь вы можете отправить свой файл или выбранный текст в терминал. Для этого откройте командную палитру VSCode (F1 или ctrl+ shift + p) и выполните >run selected text in active terminal или >run active file in active terminal.
Если вам нужен чистый REPL перед выполнением кода, вам придется перезапустить узел REPL. Это делается, когда в Терминале с узлом REPL ctrl+c ctrl+c выйти из него и набрать node для запуска нового.
Вероятно, вы можете связать команды команды pallete с любой клавишей, которую пожелаете.
PS: node должен быть установлен и в вашем пути