JavaScript를 실행하는 4가지 빠른 방법

나는 새로운 것을 배우는 것을 좋아합니다.
실험할 때 코드 스니펫을 실행하고 일부 디버깅을 수행하며 작동하는 것과 작동하지 않는 것을 파악하는 빠른 방법이 필요합니다.
상황과 기분에 따라 🌅 다음 설정 사이를 전환합니다.

VSCode

대부분의 경우 code_notes 저장소에 코드를 작성합니다.
가능한 가장 간단한 VSCode 구성이 있습니다.

{
  "type": "node",
  "request": "launch",
  "name": "single file",
  "program": "${file}"
}

이 구성을 사용하면 VSCode가 디버거에서 현재 열려 있는 파일을 실행합니다.F5를 누르고 DEBUG CONSOLE에서 출력을 찾으십시오.
물론 모든 디버깅 기능을 사용할 수 있습니다. 더 읽어보기here

VSCode + Quokka.js

코드 평가 체크아웃을 위해 '실시간 다시 로드'를 하려면Quokka.js

Quokka.js is a rapid prototyping playground for JavaScript and TypeScript. It runs your code immediately as you type and displays various execution results in your code editor.

나는 아이디어로 막 시작할 때 그것을 사용합니다.
코드의 각 줄이 어떤 영향을 미치는지 이해하는 데 정말 도움이 됩니다.

크롬 스니펫

경우에 따라 자바스크립트를 실행하는 가장 빠른 방법은 Chrome에서 직접 실행하는 것입니다.
Developer Tools 를 열고 Sources 탭으로 전환한 다음 새 코드 조각을 만듭니다. Snippets는 >> 아이콘 아래에 숨겨져 있을 수 있습니다.
실행할 때마다 새 로컬 범위를 갖도록 코드를 {}로 래핑해야 합니다.

파이썬 튜터

이름에 속지 마세요! JavaScript도 실행할 수 있습니다. 그리고 라이브 모드도 있습니다.
이 도구의 멋진 점은 각 단계에서 일어나는 일을 시각화한다는 것입니다.
교육용으로 아주 좋습니다.
link