Запустите 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, конфигурация не требуется:

  1. установить Расширение Кода Runner
  2. откройте файл кода JavaScript в текстовом редакторе, затем используйте shortcut Ctrl+Alt+N или нажмите клавишу F1 и затем выберите/type Run 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\"

поскольку у меня есть пробел в моем каталоге файлов Имя

посмотреть этот изображения ниже. Мне не удалось запустить код сначала потому что я ошибся в Путь enter image description here

надеюсь, это поможет вам.

и, конечно, ваш вопрос помог мне, так как я тоже пришел сюда, чтобы получить помощь, чтобы бежать 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 и узел настоятельно рекомендуется, если у вас еще нет.

хорошего дня.