Установка Vue.js непосредственно в Windows

Руководство по настройке среды разработки Vue.js в Windows. Общие сведения см. в Vue.js обзоре.

Vue можно установить непосредственно в Windows или в подсистеме Windows для Linux (WSL). Если вы планируете взаимодействовать с серверной частью Node.js, развертывать на серверах Linux или следовать руководствам, используюющим команды Bash, рекомендуется установить Vue в WSL .

Предпосылки

• Установите Node.js в Windows: Это включает в себя менеджер версий, менеджер пакетов и Visual Studio Code.

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

Рекомендуемый способ начать новый проект Vue 3 — это npm create vue@latest, который использует create-vue — официальный инструмент генерации проектов на основе Vite.

1. Откройте Командную строку PowerShell или Windows.

2. Перейдите в каталог проектов:

   cd C:\Users\YourName\Projects
   

3. Создайте проект Vue:

   npm create vue@latest
   

   Установщик предложит присвоить проекту имя и выбрать дополнительные функции (TypeScript, поддержка JSX, маршрутизатор Vue, управление состояниями Pinia, Vitest, ESLint).

4. Перейдите в папку проекта, установите зависимости и запустите сервер разработки:

   cd <your-project-name>
   npm install
   npm run dev
   

   Ваше приложение будет доступно по адресу http://localhost:5173.

Дополнительные ресурсы

• документация по Vue
• Vue.js обзор
• Установка Vue.js на WSL
• сделайте первые шаги с Vue.js планом обучения
• Руководство по Vue с VS Code