Руководство по быстрой установке из 10 шагов поможет вам быстро начать процесс разработки с использованием Vue JS. Есть 2 раздела -

  1. Загрузите и установите Vue JS
  2. Создание проекта с использованием командной строки или интерактивного графического интерфейса пользователя Vue

Скачать и установить

  1. Загрузите node js
  2. Откройте терминал и установите Vue с помощью npm install -g @ vue / cli.
  3. Проверьте версию Vue, чтобы подтвердить vue - версия.

Создание проекта через командную строку / терминал

  1. Выберите каталог, в котором вы хотите создать проект. В этом примере я собираюсь создать его в папке / Users / {username}.
  2. Создайте проект (только в нижнем регистре) с помощью команды: vue create projectname
  3. Выберите одну из предустановок. В этом примере я выбираю: По умолчанию ([Vue 2] babel, eslint) и нажимаю Enter.
  4. Перейдите к проекту с помощью команды: cd projectname
  5. Чтобы запустить сервер: npm run serve
  6. Сервер запускается по адресу http: // localhost: 8080 /.
  7. Остановить сервер: Control + C

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

  1. Выберите каталог, в котором вы хотите создать проект. В этом примере я собираюсь создать его в папке / Users / {username}.
  2. Откройте инструмент Vue GUI с помощью команды: vue ui. Менеджер проекта Vue открывается по адресу http: // localhost: 8000 /
  3. Создайте новый проект, щелкнув вкладку Создать.
  4. Внизу нажмите кнопку Создать здесь новый проект.
  5. Введите Имя папки проекта и выберите путь, по которому вы хотите создать папку.
  6. В раскрывающемся списке выберите Project Manager. Для этого проекта я выбрал npm и нажал кнопку Далее.
  7. Выберите одну из предустановок. В этом примере я выбираю: По умолчанию ([Vue 2] babel, eslint) и нажимаю Создать проект. кнопка.

Возможные ошибки

  1. Ошибка: EACCES: доступ запрещен, доступ к« / usr / local / lib / node_modules »