>개발 도구 >webstorm >웹스톰에서 프로젝트를 생성하는 방법

웹스톰에서 프로젝트를 생성하는 방법

下次还敢
下次还敢원래의
2024-04-08 11:18:24745검색

WebStorm을 사용하여 프로젝트 만들기: WebStorm을 열고 새 프로젝트를 선택합니다. 프로젝트 위치와 유형을 선택합니다. 프로젝트 설정(언어 수준, 모듈 시스템, 테스트 프레임워크, 개발 도구 통합)을 구성합니다. 기본 디렉터리(src, test, node_modules)를 만듭니다. 파일을 추가하고 코드를 작성합니다. 프로젝트를 실행하고 출력을 확인합니다. 키보드 단축키 및 모양을 사용자 정의하고 추가 기능(버전 제어, 코드 완성, 오류 검사, 리팩터링 도구)을 살펴보세요.

웹스톰에서 프로젝트를 생성하는 방법

WebStorm을 사용하여 프로젝트를 만드는 방법

1단계: WebStorm 열기

  • 컴퓨터에서 WebStorm 아이콘을 두 번 클릭하거나 Spotlight 또는 Launchpad를 사용하여 애플리케이션을 검색합니다.

2단계: 새 프로젝트 선택

  • 환영 화면에서 "새 프로젝트" 탭을 선택하세요.
  • "새 프로젝트 만들기" 버튼을 클릭하세요.

3단계: 프로젝트 위치 선택 및 유형

  • "프로젝트 위치" 필드에서 프로젝트가 저장된 위치를 찾아 선택합니다.
  • "프로젝트 유형" 드롭다운 메뉴에서 원하는 프로젝트 유형(예: JavaScript, TypeScript, Node.js)을 선택하세요.

4단계: 프로젝트 설정 구성

  • 프로젝트 요구 사항에 따라 다음 설정을 구성합니다.

    • 언어 수준
    • 모듈 시스템
    • 테스트 프레임워크
    • 개발 도구 통합
  • 당신은 할 수 있습니다 이러한 설정을 수정하려면 항상 "설정" 메뉴를 전달하세요.

5단계: 홈 디렉터리 만들기

  • 대부분의 프로젝트에서 WebStorm은 자동으로 다음 폴더를 만듭니다.

    • src: 소스 코드
    • test: 단위 테스트
    • node_modules: 종속성(노드를 사용하는 경우) .js)
  • 필요에 따라 추가 디렉터리를 추가할 수 있습니다.

6단계: 파일 추가

  • "src" 디렉터리를 마우스 오른쪽 버튼으로 클릭하고 "새로 만들기" >
  • 소스 코드 파일의 이름을 지정하고 언어 규칙에 따라 코드를 작성하세요.

7단계: 프로젝트 실행

  • 모든 파일을 저장했는지 확인하세요.
  • 메인 메뉴에서 "실행" > "디버깅 시작"을 클릭하여 프로젝트를 실행하세요.
  • WebStorm은 내장 터미널에서 프로젝트를 열고 출력을 표시합니다.

팁:

  • "설정" 메뉴에서 WebStorm의 키보드 단축키와 모양을 사용자 정의할 수 있습니다.
  • WebStorm은 Git 및 SVN과 같은 여러 버전 제어 시스템을 지원합니다.
  • 코드 완성, 오류 검사, 리팩토링 도구 등 기타 WebStorm 기능을 살펴보세요.

위 내용은 웹스톰에서 프로젝트를 생성하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.