Visual Studio의 React, Angular 및 Vue 프로젝트용 속성 페이지

이 문서는 .esproj 프로젝트 형식인 JSPS(JavaScript 프로젝트 시스템)를 사용하는 Visual Studio에서 만든 React, Angular 및 Vue 프로젝트에 적용됩니다. 이 형식은 Visual Studio 2022부터 지원됩니다.

속성 페이지는 프로젝트 설정에 대한 액세스를 제공합니다. 속성 페이지를 열려면 솔루션 탐색기에서 C/C++ DLL 프로젝트를 선택한 다음 속성 아이콘을 선택하거나 프로젝트를 마우스 오른쪽 단추로 클릭하여 속성을 선택합니다.

참고

이 문서의 일부 Visual Studio 사용자 인터페이스 요소에 대한 다른 이름 또는 위치가 컴퓨터에 표시될 수 있습니다. 다른 버전의 Visual Studio 또는 다른 환경 설정을 사용할 수 있습니다. 자세한 내용은 IDE 개인 설정을 참조하세요.

속성 페이지에 표시되는 페이지와 옵션은 다음과 같습니다.

빌드 탭

일반 탭에서 다음 속성을 사용할 수 있습니다.

빌드 명령

프로젝트를 빌드할 때 실행할 명령을 지정합니다. (빌드 솔루션 빌드 > 또는 프로젝트를 실행할 때) 사용하는 경우 이 값은 일반적으로 npm 명령입니다. 이 속성은 프로젝트 파일의 BuildCommand 속성에 해당합니다.

프로덕션 빌드 명령

프로젝트가 ASP.NET Core Web API 프로젝트와 통합된 경우 프로젝트를 빌드할 때 실행할 명령을 지정합니다. 프로덕션 준비 파일을 생성합니다. 기본적으로 이 명령은 npm run build입니다.

Visual Studio 2022 버전 17.5부터 이 옵션은 React, Vue 및 Angular에 권장되는 프로젝트 템플릿에 없습니다.

빌드 출력 폴더

프로덕션 빌드 개체의 출력 폴더를 지정합니다. 이전 프로젝트의 경우 프로덕션 빌드 명령을 사용할 때 이 속성을 사용합니다.

정리 명령

프로젝트를 정리할 때 실행할 명령을 지정합니다. (클린 솔루션 빌드>) 사용하는 경우 이 값은 일반적으로 npm 명령입니다. 이 속성은 프로젝트 파일의 CleanCommand 속성에 해당합니다.

작업 디렉터리

빌드 명령의 작업 디렉터리를 지정합니다. 이 값은 기본적으로 프로젝트 루트입니다.

시작 명령

프로젝트를 시작할 때 실행할 명령을 지정합니다. 예를 들어 Angular 프로젝트는 기본적으로 npm start를 사용합니다. 이 속성은 프로젝트 파일의 StartupCommand 속성에 해당합니다.

작업 디렉터리

시작 명령의 작업 디렉터리를 지정합니다. 기본적으로 이 값은 프로젝트 루트입니다. 상대 경로는 프로젝트 루트에 상대적인 경로입니다.

참고 항목

Visual Studio 에서 launch.json 디버그 도구 모음의 시작 단추와 연결된 시작 설정을 저장합니다. launch.json .vscode 폴더 아래에 있어야 합니다.