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

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

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

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

Предпосылки

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

Это важно

Установка дистрибутива 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

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.

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