[node.js] Visual Studio 코드에서 JavaScript 실행

JavaScript를 실행하고 다음을 사용하여 결과를 표시하는 방법이 있습니까? Visual Studio Code를 있습니까?

예를 들어, 다음을 포함하는 스크립트 파일 :

console.log('hello world');

Node.js가 필요하다고 가정하지만 어떻게해야합니까?

으로 비주얼 스튜디오 코드 비주얼 스튜디오를 사용하여 작성하지 코드 – 나는 마이크로 소프트의 새로운 코드 편집기를 의미한다.



답변

이 솔루션은 현재 열려있는 파일을 노드에서 실행하고 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"
}

물론 키 조합으로 원하는 것을 선택할 수 있습니다.

최신 정보:

JavaScript 코드를 실행하여 테스트 한다고 가정하면 해당 속성 을 로 설정하여 작업을 테스트 작업 으로 표시 한 다음 단일 동작 호출 을 위해 명령 에 키를 바인딩 할 수 있습니다 .isTestCommandtrueworkbench.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 코드 파일을 연 다음 단축키 Control+ Alt+ N(또는 macOS의 경우 ⌃ Control+ ⌥ Option+ N)를 사용하거나를 누른 다음를 F1선택 / 입력 Run Code하면 코드가 실행되고 출력이 출력 창에 표시됩니다.

또한 JavaScript 코드의 일부를 선택하고 코드 스 니펫을 실행할 수 있습니다. 확장은 저장되지 않은 파일과도 작동하므로 파일을 작성하고 Javascript로 변경하고 코드를 빠르게 작성할 수 있습니다 (빠른 것을 시도해야하는 경우). 매우 편리합니다!


답변

아직 언급되지 않은 것에 놀랐습니다.

간단히 .jsVS 코드에서 파일을 ‘디버그 콘솔’탭으로 전환하고 왼쪽 탐색 모음의 디버그 버튼을 누른 다음 실행 아이콘 (재생 버튼)을 클릭하십시오!

nodejs를 설치해야합니다!


답변

이것은 내 의견으로는 가장 빠른 방법입니다.

  • Visual Studio 코드에서 개방형 통합 터미널 (View > Integrated Terminal )
  • 유형 'node filename.js'
  • 엔터 키를 치시오

참고 : 노드 설정이 필요합니다. (homebrew가있는 경우 터미널에 ‘brew install node’를 입력하십시오)

노트 2 : homebrew 및 node는 아직 권장하지 않습니다.

좋은 하루 보내세요.


답변

내장형 터미널의 바로 가기는 ctrl+ `이고 입력하십시오 node <filename>.

또는 작업을 생성 할 수 있습니다. 이것은 내 tasks.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"
}
]

Command Pallete에서 ‘run’이 열리지 만 여전히 실행하려는 작업 (이 경우 노드)을 마우스로 입력하거나 선택해야합니다. 두 번째 단축키는 출력 패널을 토글합니다. 이미 단축키가 있지만 이러한 키는 서로 옆에 있고 작업하기가 더 쉽습니다.


답변

글쎄, 단순히 코드를 실행하고 콘솔에 출력을 표시하기 위해 @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 Runner

당신이해야 할 일들이 설정되어 Node.js를 에서 경로 사용자 설정

Windows 시스템에 경로 를 설치할 때 경로 를 설정해야합니다 .

내겐 \"C:\\Program Files\\nodejs\\node.exe\"

파일 디렉토리 이름에 공백이 있으므로

아래 이미지를 참조하십시오 . 나는 코드를 실행하지 못했습니다 처음에 내가에서 실수 만든 원인을 경로 이름을
여기에 이미지 설명을 입력하십시오

이것이 도움이되기를 바랍니다.

그리고 물론, VS 코드JS 에서 실행하기 위해 여기에 왔기 때문에 귀하의 질문에 도움이되었습니다.