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

Установка Vue.js в подсистеме Windows для Linux

  • Статья

В этом руководстве описывается, как настроить среду разработки Vue.js в ОС Windows путем установки веб-платформы Vue.js в подсистеме Windows для Linux (WSL). Дополнительные сведения см. в статье Общие сведения о Vue.js.

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

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

  • Установите подсистему Windows для Linux (WSL), включая дистрибутив Linux (например, Ubuntu), и убедитесь, что она работает в режиме WSL 2. что можно проверить, открыв PowerShell и выполнив команду wsl -l -v;
  • Установите Node.js в WSL 2, включая диспетчер версий, диспетчер пакетов, Visual Studio Code и расширение для удаленной разработки. Для установки Vue.js используется npm.

Внимание

При установке дистрибутива Linux в WSL будет создан каталог \\wsl\Ubuntu-20.04 для хранения файлов (замените Ubuntu-20.04 дистрибутивом Linux, который вы используете). Чтобы открыть этот каталог в проводнике Windows, откройте командную строку WSL, выберите домашний каталог с помощью команды cd ~, а затем введите команду explorer.exe .. Не выполняйте установку и не настраивайте хранение файлов, с которыми вы будете работать, на подключенном диске C (/mnt/c/Users/yourname$). Это существенно замедлит установку и сборку.

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

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

  1. Откройте командную строку WSL (например, в Ubuntu).

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

  3. Установите Vue.js с помощью npm:

npm install vue

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

Примечание.

Чтобы установить Vue.js с помощью CDN, а не npm, см. документацию по установке Vue.js.

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

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