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

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

  • Статья

Это руководство поможет вам настроить среду разработки Vue.js в ОС Windows. Дополнительные сведения см. в статье Общие сведения о Vue.js.

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

Необходимые компоненты

  • Установите Node.js в Windows, включая диспетчер версий, диспетчер пакетов и Visual Studio Code. Для установки Vue.js используется npm.

Установка 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 CLI

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

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

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