> 개발 도구 > webstorm > WebStorm 실행 방법

WebStorm 실행 방법

James Robert Taylor
풀어 주다: 2025-03-06 12:47:15
원래의
575명이 탐색했습니다.

WebStorm에서 메소드 실행 방법

WebStorm은 프로젝트 유형 및 특정 요구에 따라 코드를 실행하는 몇 가지 방법을 제공합니다. 간단한 JavaScript 파일의 경우 내장 실행/디버그 구성을 사용할 수 있습니다. 대규모 프로젝트, 특히 React, Angular 또는 VUE와 같은 프레임 워크를 사용하는 프로젝트의 경우 Webstorm은 각각의 빌드 도구 및 런타임과 완벽하게 통합됩니다. 가장 일반적인 방법으로는 내장 실행/디버그 구성 (다음 섹션에서 추가로 설명), NPM 스크립트 (Node.js 프로젝트)를 사용하고 고급 시나리오를 위해 통합 터미널 명령을 활용하는 것이 포함됩니다. 선택은 주로 프로젝트 설정 및 개인 선호도에 달려 있습니다. 예를 들어 JavaScript 파일을 참조하는 간단한 HTML 파일이있는 경우 WebStorm에서 직접 브라우저에서 HTML 파일을 실행하여 링크 된 JavaScript를 자동으로 실행할 수 있습니다. 보다 복잡한 애플리케이션의 경우 프로젝트의 내장 실행 구성 (종종 웹 스톰에 의해 자동으로 감지)을 활용하는 것은 일반적으로 가장 효율적인 접근법입니다.

WebStorm에서 간단한 JavaScript 파일을 실행하여

WebStorm에서 간단한 JavaScript 파일을 실행하려면 다음 단계를 수행하십시오. WebStorm 프로젝트 내의 JavaScript 파일.

run/debug 구성을 만듭니다.

아직 그렇지 않은 경우 실행 구성을 만들어야합니다. "실행"메뉴를 클릭 한 다음 "구성 편집 ..."를 클릭하십시오. 표시되는 창에서 ""버튼을 클릭하고 "JavaScript Debug"또는 "Node.js"를 선택하십시오. RUN/DEBUG 구성을 구성하십시오 :

구성 실행 :

구성 이름 옆의 녹색 "재생"버튼을 클릭하여 javaScript 파일을 실행할 수 있습니다. WebStorm은 실행 공구 창에서 브라우저 (해당되는 경우) 또는 디스플레이 출력을 열 수 있습니다. 브레이크 포인트를 설정하면 해당 지점에서 실행이 일시 중지되어 변수를 검사하고 코드를 진행할 수 있습니다.
    WebStorm에서 디버깅 옵션
  1. WebStorm은 포괄적 인 디버깅 옵션 세트를 제공합니다.
      브레이크 포인트 :
    • 라인 번호 옆의 거터를 클릭하여 코드에서 중단 점을 설정하십시오. 실행은 브레이크 포인트에서 일시 중지되어 변수를 검사하고 코드를 통과하고 표현식을 평가할 수 있습니다. 스테핑 : 스테핑 컨트롤을 사용하여 (스텝 오버, 스텝로 들어가고, 스텝을 벗어나) 디버깅 중에 코드를 탐색합니다.
    • 시계를 통해 표현을 추가로 추가하십시오. execution.
    • 변수 검사 : 변수 창에서 변수 값을 검사하십시오.
    • 표현식 평가 :
    • 런타임시 임의의 표현식 평가. PATH. 콘솔 : 콘솔을 사용하여 디버깅 중에 메시지를 인쇄하고 코드와 상호 작용하기 위해 콘솔을 사용하고 원격 디버깅 : 원격 서버에서 실행되는 디버그 애플리케이션 (다음 섹션에서 설명). Chrome DevTools 통합을 사용하여 미니저 코드에 대한 소스 맵 지원 및 브라우저에서 디버깅을 포함하여
    • WebStorm에서 원격 서버에서 프로젝트를 실행하는
    • 예, WebStorm을 사용하면 IDE에서 원격 서버에서 직접 프로젝트를 배포하고 실행할 수 있습니다. 여기에는 일반적으로 배포 구성을 설정하는 것이 포함됩니다. 배포 구성 :
    • "도구"로 이동 -& gt; "배포" -& gt; "구성...". 연결 세부 정보 (호스트, 사용자 이름, 암호, 포트 및 경로)를 지정하여 새 서버 구성을 추가하십시오. 서버 설정에 따라 SSH 또는 기타 프로토콜을 사용해야 할 수도 있습니다. 또한 프로젝트에 대한 로컬 및 원격 경로를 지정해야합니다. 파일 업로드 : 배포 구성 후에는 배포 컨텍스트 메뉴에서 "업로드로 업로드 ..."옵션을 사용하여 프로젝트 파일을 원격 서버에 업로드 할 수 있습니다. 현지에서하는 방법. 대신, 일반적으로 원격 서버의 기능을 사용하여 응용 프로그램을 시작합니다. 여기에는 종종 SSH를 통해 명령을 실행하거나 원격 디버깅 구성을 사용하는 것이 포함됩니다. 예를 들어 Webstorm 내의 SSH 터미널을 사용하여 원격 서버에서 응용 프로그램을 시작한 다음 원격 디버깅을 사용하여 연결할 수 있습니다. 특정 프로세스는 응용 프로그램 및 서버 환경에 따라 다릅니다. 원격 실행중인 응용 프로그램에 연결하려면 적절한 실행/디버그 설정을 구성해야합니다. 여기에는 종종 디버깅을위한 원격 호스트와 포트를 지정하는 것이 포함됩니다.

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

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿