Поделиться через

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

Руководство по настройке среды разработки Vue.js в Windows. На странице обзора Vue.js вы можете узнать больше.

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

Предпосылки

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

Установка Vue.js

Чтобы установить Vue.js, выполните следующие шаги:

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

  2. Создайте папку проекта: mkdir VueProjects и введите этот каталог: cd VueProjects.

  3. Установите Vue.js с помощью диспетчера пакетов узлов (npm):

npm install vue

Проверьте номер версии, установленный с помощью команды: vue --version

Замечание

Чтобы установить Vue.js с помощью CDN, а не NPM, ознакомьтесь с Vue.js документацией по установке. Дополнительные сведения о различных сборках Vueсм. в документации по Vue .

Установка интерфейса командной строки Vue

Vue CLI — это набор средств для работы с Vue в терминале или командной строке. Это позволяет вам быстро создать шаблон нового проекта (vue create), создавать прототипы новых идей (vue serve) или управлять проектами с помощью графического интерфейса (vue ui). Vue CLI — это глобально установленный пакет npm, который обрабатывает некоторые сложности сборки (например, с помощью Babel или Webpack) для вас. Если вы не создаете новое одностраничное приложение, возможно, вам может не понадобиться Vue CLI.

Чтобы установить Vue CLI, используйте npm. Вы должны использовать флаг -g для глобальной установки и обновления (vue upgrade --next).

npm install -g @vue/cli

Чтобы узнать больше о плагинах, которые можно добавить (например, linting или Apollo для интеграции GraphQL), посетите раздел Плагины Vue CLI в документации Vue CLI.

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