Запустите Javascript в " Visual Studio Code"



есть ли способ выполнить javascript и отобразить результаты с помощью кода Visual Studio?



например файл скрипта, содержащий



console.log('hello world');


Я предполагаю, что nodejs будет необходим, но не могу понять, как это сделать?



EDIT: под "кодом Visual Studio" я имею в виду новый редактор кода от Microsoft - не код, написанный с помощью Visual Studio



Visual Studio Code

1379   9  

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, без необходимости настройки:

  1. установить Code Runner Extension
  2. откройте файл кода JavaScript в текстовом редакторе, затем используйте ярлык 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.

недостатком этого является то, что вы получите только выход, и это все.

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

    Ничего не найдено.