VSCODE로 JS 코드를 실행하는 방법

VSCODE에서 JS 코드를 실행하는 방법은 무엇입니까? .js 파일을 작성하고 코드를 작성합니다. Node.js 및 NPM을 설치하십시오. Chrome 용 디버거를 설치하십시오. 디버그 콘솔을 엽니 다. 크롬 선택; 디버그 구성 추가; 디버그 스크립트를 설정하십시오. 코드 실행; 디버그 코드 (선택 사항).

Visual Studio Code에서 JS 코드를 실행하는 방법

Visual Studio Code (Vscode for Short)는 JavaScript 코드 실행을 지원하는 인기있는 코드 편집기입니다. VSCODE에서 JS 코드를 실행하는 방법은 다음과 같습니다.

1. JavaScript 파일을 만듭니다

vscode에서 새 파일을 만들고 확장자를 ".js"로 설정하십시오. 예를 들어 : "example.js".

2. JS 코드를 쓰십시오

파일에 JavaScript 코드를 작성하십시오. 예를 들어:

 <code class="js">console.log("Hello, world!");</code>

3. Node.js 및 NPM을 설치하십시오

JS 코드를 실행하려면 시스템에 Node.js 및 NPM을 설치해야합니다. 이러한 도구는 Node.js 웹 사이트에서 다운로드 할 수 있습니다.

4. 크롬 용 디버거를 설치하십시오

VSCODE에서 JS 코드를 디버그하려면 Chrome Extension 용 디버거를 설치해야합니다.

5. 디버그 콘솔을 엽니 다

VSCODE에서 디버그 콘솔을 엽니 다 (또는 바로 가기 키 CTRL Shift D를 사용).

6. Chrome을 선택하십시오

환경 선택 드롭 다운 메뉴에서 크롬을 디버거로 선택하십시오.

7. 디버그 구성을 추가하십시오

"구성 추가"버튼을 클릭하고 "JavaScript"를 선택하십시오. "시작 JavaScript"와 같은 디버그 구성의 이름을 지정하십시오.

8. 디버그 스크립트를 설정하십시오

"시작 스크립트"섹션에서 실행할 JS 파일의 경로를 지정하십시오. 예를 들어:

 <code class="json">{ "type": "node", "request": "launch", "name": "Launch JavaScript", "program": "${workspaceFolder}/example.js" }</code>

9. 코드를 실행하십시오

실행 버튼을 클릭하거나 바로 가기 F5를 사용하여 JS 코드를 실행하십시오.

10. 디버그 코드 (선택 사항)

Chrome Extension을위한 디버거가 설치된 경우 디버그 콘솔에서 중단 점을 설정하고 코드를 단계별로 디버깅 할 수 있습니다.

위 내용은 VSCODE로 JS 코드를 실행하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!