다음을 통해 공유


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 폴더 아래에 있어야 합니다.

참고 항목

Visual Studio의 JavaScript 및 TypeScript