Создание проекта Vue.js

Статья
26.01.2025

В этом 5–10 минутном введении в интегрированную среду разработки Visual Studio вы создаете и запускаете простое веб-приложение с фронтендом Vue.js.

Необходимые условия

Обязательно установите следующее программное обеспечение:

Visual Studio 2022 или более поздней версии. Перейдите на страницу загрузки Visual Studio, чтобы бесплатно установить ее.
npm (https://www.npmjs.com/), который входит в комплект с Node.js
Vue.js ( Установка| Vue.js (vuejs.org))

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

В начальном окне (выберите "Файл>Начальное окно", чтобы открыть), выберите Создать новый проект.
Найдите Vue в строке поиска в верхней части экрана и выберите Vue App для работы с JavaScript или TypeScript.

снимок экрана

Начиная с Visual Studio 2022 версии 11 имя шаблона было изменено с автономного проекта JavaScript Vue на Vue App.
Присвойте проекту и решению имя, а затем нажмите кнопку Далее.
Выберите Создать, а затем дождитесь, пока Visual Studio создаст проект.

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

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

Для настройки отладчика используйте launch.json.

Примечание

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