Страницы свойств для проектов React, Angular и Vue в Visual Studio

Эта статья относится к проектам React, Angular и Vue, созданным в Visual Studio, которые используют систему проектов JavaScript (JSPS), которая является форматом проекта esproj . Этот формат поддерживается начиная с Visual Studio 2022.

На страницах свойств можно получить доступ к параметрам проекта. Чтобы открыть страницы свойств, выберите проект в Обозревателе решений и щелкните значок Свойства или щелкните этот проект правой кнопкой мыши и выберите Свойства.

Примечание.

Отображаемые на компьютере имена или расположения некоторых элементов пользовательского интерфейса Visual Studio могут отличаться от указанных в этой статье. Возможно, вы используете другой выпуск Visual Studio или разные параметры среды. Дополнительные сведения см. в разделе Персонализация среды IDE.

На страницах свойств отображаются следующие страницы и параметры.

Вкладка "Сборка"

На вкладке "Общие" доступны следующие свойства.

Команда сборки

Указывает команду, выполняемую при сборке проекта. (Создание решения сборки > или при запуске проекта.) Если используется, это значение обычно является командой npm. Это свойство соответствует свойству BuildCommand в файле проекта.

Команда рабочей сборки

Указывает команду, выполняемую при сборке проекта, когда проект интегрирован с проектом веб-API ASP.NET Core. Создает готовые к работе файлы. По умолчанию эта команда .npm run build

Начиная с Visual Studio 2022 версии 17.5 этот параметр отсутствует в рекомендуемых шаблонах проектов для React, Vue и Angular.

Папка вывода сборки

Указывает выходную папку для рабочих объектов сборки. Для старых проектов используйте это свойство при использовании команды рабочей сборки.

Команда очистки

Указывает команду, выполняемую при очистке проекта. (Сборка > чистого решения) Если используется, это значение обычно является командой npm. Это свойство соответствует свойству CleanCommand в файле проекта.

Рабочий каталог

Указывает рабочий каталог для команды сборки. Это значение является корнем проекта по умолчанию.

Вкладка "Развертывание"

Команда запуска

Указывает команду, выполняемую при запуске проекта. Например, проект Angular используется npm start по умолчанию. Это свойство соответствует свойству StartupCommand в файле проекта.

Рабочий каталог

Указывает рабочий каталог для команды запуска. По умолчанию это значение является корнем проекта. Относительные пути относятся к корневому каталогу проекта.

Примечание.

В Visual Studio launch.json хранятся параметры запуска, связанные с кнопкой "Пуск" на панели инструментов отладки. launch.json должен находиться в папке VSCODE.

См. также

JavaScript и TypeScript в Visual Studio