Создание приложения 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))

Создание своего приложения

1. В окне запуска (чтобы открыть его, щелкните Файл>Окно запуска) выберите Создание нового проекта.

   

2. Найдите Vue в строке поиска в верхней части, а затем выберите автономный проект JavaScript Vue или автономный проект TypeScript Vue в соответствии с вашими предпочтениями.

   

3. Присвойте проекту и решению имя, а затем нажмите кнопку "Далее".

4. Нажмите кнопку "Создать", а затем дождитесь создания проекта в Visual Studio.

Просмотр свойств проекта

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

Примечание.

Файл launch.json хранит параметры запуска, связанные с кнопкой Запуск на панели инструментов отладки. В настоящее время файл launch.json должен находиться в папке .vscode.

Сборка проекта

Выберите Сборка>Собрать решение, чтобы собрать проект.

Запуск проекта

Нажмите клавишу F5 или нажмите кнопку "Пуск" в верхней части окна, и вы увидите командную строку, например:

• VITE версии 4.4.9 готов в 780 мс

  Примечание.

  Проверьте наличие в консоли сообщений, например сообщения с указанием обновить версию Node.js.

После этого откроется базовое приложение Vue.js!

Следующие шаги

Интеграция ASP.NET Core

Создание приложения ASP.NET Core с помощью Vue