Создание приложения Vue.js
В рамках этого краткого (на 5–10 минут) знакомства с возможностями интегрированной среды разработки (IDE) Visual Studio вы создадите и запустите простое внешнее веб-приложение Vue.js.
Необходимые компоненты
Обязательно установите следующие компоненты:
- Visual Studio 2022 или более поздней версии. Перейдите на страницу скачиваемых материалов Visual Studio, чтобы установить ее бесплатно.
- npm (https://www.npmjs.com/), который входит в состав Node.js
- Vue.js (Установка | Vue.js (vuejs.org))
Создание своего приложения
В окне запуска (чтобы открыть его, щелкните Файл>Окно запуска) выберите Создание нового проекта.
Найдите Vue в строке поиска в верхней части, а затем выберите автономный проект JavaScript Vue или автономный проект TypeScript Vue в соответствии с вашими предпочтениями.
Присвойте проекту и решению имя, а затем нажмите кнопку "Далее".
Нажмите кнопку "Создать", а затем дождитесь создания проекта в Visual Studio.
Просмотр свойств проекта
Параметры проекта по умолчанию позволяют выполнить сборку и отладку проекта. Но если вам нужно изменить параметры, щелкните правой кнопкой мыши проект в Обозреватель решений, выберите Свойства, а затем перейдите в раздел Сборка или Отладка.
Примечание.
Файл launch.json хранит параметры запуска, связанные с кнопкой Запуск на панели инструментов отладки. В настоящее время файл launch.json должен находиться в папке .vscode.
Сборка проекта
Выберите Сборка>Собрать решение, чтобы собрать проект.
Запуск проекта
Нажмите клавишу F5 или нажмите кнопку "Пуск" в верхней части окна, и вы увидите командную строку, например:
VITE версии 4.4.9 готов в 780 мс
Примечание.
Проверьте наличие в консоли сообщений, например сообщения с указанием обновить версию Node.js.
После этого откроется базовое приложение Vue.js!
Следующие шаги
Интеграция ASP.NET Core