웹스톰 설정 nodejs

WebStorm은 JavaScript 및 TypeScript와 같은 언어 개발을 위한 빠르고 정확하며 강력한 기능을 제공하는 매우 인기 있는 통합 개발 환경입니다. WebStorm에서는 Node.js를 사용하여 JavaScript 애플리케이션을 쉽게 개발할 수 있지만 사용을 시작하기 전에 몇 가지 필요한 설정이 있습니다. 이 문서에서는 JavaScript 애플리케이션 개발을 시작하기 위해 WebStorm에서 Node.js 환경을 설정하는 방법을 설명합니다.

1. Node.js 설치

우선 WebStorm에서 Node.js를 사용하려면 먼저 Node.js를 설치해야 합니다. 이번 글에서는 Windows를 예로 들어보겠습니다. Windows 시스템에서는 공식 웹사이트(https://nodejs.org/en/)나 Node.js 관리 도구 NVM(https://github.com/coreybutler/nvm-windows)을 통해 Node.js를 설치할 수 있습니다.

설치가 완료된 후 명령줄에 다음 명령을 입력하여 Node.js가 성공적으로 설치되었는지 확인할 수 있습니다.

node -v

올바른 버전 번호가 반환되면 Node.js가 성공적으로 설치된 것입니다.

2. WebStorm에서 Node.js 환경 구성

다음으로 WebStorm에서 Node.js 환경을 설정해야 합니다. WebStorm을 열고 기본 인터페이스에서 File->Settings->Languages ​​​​& Frameworks->Node.js 및 NPM을 선택합니다.

이 인터페이스에서는 Node.js의 설치 경로와 Node.js 패키지 관리자 npm의 경로를 설정해야 합니다. Windows 시스템에서 Node.js는 일반적으로 C:Program Files
odejs 디렉터리에 설치되며 npm 경로는 C:UsersUserNameAppDataRoaming
pm입니다.

WebStorm의 Node.js 및 NPM 페이지에서 "추가" 버튼을 클릭하고 Node.js 및 npm 경로를 차례로 입력합니다. 입력 후 "확인"을 클릭하여 설정을 저장하세요.

설정이 완료되면 WebStorm은 자동으로 Node.js 설치 경로에 연결하여 환경을 구성합니다. 설정이 올바르지 않은 경우 언제든지 이 페이지로 돌아와서 수정할 수 있습니다.

3. Node.js를 사용하여 JavaScript 파일 실행

Node.js 환경을 설정한 후 Node.js를 사용하여 WebStorm에서 직접 JavaScript 파일을 실행할 수 있습니다. WebStorm에서는 "실행" 또는 "디버그"를 직접 사용하여 JavaScript 파일을 실행할 수 있습니다. WebStorm에서 JavaScript 파일을 연 다음 마우스 오른쪽 버튼을 클릭하고 "실행" 또는 "디버그"를 선택하세요.

실행하기 전에 Node.js의 실행 매개변수를 설정해야 합니다. JavaScript 파일을 열고 파일 상단에 다음 코드를 추가하면 됩니다.

#!/usr/bin/env node

그런 다음 코드 파일에 JavaScript 코드를 작성하고 Node.js를 사용하여 실행할 수 있습니다.

4. WebStorm의 Node.js REPL을 사용하여 JavaScript 실행

JavaScript 파일을 직접 실행하는 것 외에도 WebStorm은 JavaScript 코드를 보다 편리하게 테스트할 수 있는 Node.js REPL(Read-Eval-Print Loop) 환경도 제공합니다. WebStorm의 JavaScript 프로그래밍 인터페이스에서 도구->Node.js REPL을 선택하여 Node.js 명령줄 터미널을 엽니다.

Node.js REPL에서는 JavaScript 코드를 입력하고 결과를 직접 볼 수 있습니다. 이를 통해 JavaScript 코드 디버깅이 더 쉽고 빨라집니다.

5. WebStorm을 사용하여 Node.js 애플리케이션 디버그

WebStorm은 개발자가 Node.js 애플리케이션을 쉽게 디버그하는 데 도움이 되는 매우 강력한 Node.js 디버깅 도구도 제공합니다. WebStorm에서 디버깅 모드를 켜는 것은 Node.js 애플리케이션 코드에 중단점을 배치하는 것만큼 간단합니다. WebStorm의 디버깅 인터페이스에서는 코드를 단계별로 실행하고, 변수 값을 확인하고, 대화형 디버깅을 위해 REPL 명령을 사용할 수 있습니다.

디버깅하는 동안 WebStorm 디버깅 콘솔을 통해 출력 정보를 볼 수 있고, WebStorm 인터페이스에서 코드의 실행 상태도 볼 수 있습니다.

요약

WebStorm에서 Node.js를 사용하면 JavaScript 애플리케이션을 보다 편리하고 빠르게 개발할 수 있습니다. Node.js 환경을 설정하고 WebStorm에서 제공하는 기능을 사용하면 JavaScript 코드를 더 쉽게 디버그, 테스트 및 실행할 수 있습니다. WebStorm 및 Node.js를 시작하는 경우 이 문서가 도움이 되기를 바랍니다.

위 내용은 웹스톰 설정 nodejs의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!