Руководство по быстрой установке из 10 шагов поможет вам быстро начать процесс разработки с использованием Vue JS. Есть 2 раздела -
- Загрузите и установите Vue JS
- Создание проекта с использованием командной строки или интерактивного графического интерфейса пользователя Vue
Скачать и установить
- Загрузите node js
- Откройте терминал и установите Vue с помощью npm install -g @ vue / cli.
- Проверьте версию Vue, чтобы подтвердить vue - версия.
Создание проекта через командную строку / терминал
- Выберите каталог, в котором вы хотите создать проект. В этом примере я собираюсь создать его в папке / Users / {username}.
- Создайте проект (только в нижнем регистре) с помощью команды: vue create projectname
- Выберите одну из предустановок. В этом примере я выбираю: По умолчанию ([Vue 2] babel, eslint) и нажимаю Enter.
- Перейдите к проекту с помощью команды: cd projectname
- Чтобы запустить сервер: npm run serve
- Сервер запускается по адресу http: // localhost: 8080 /.
- Остановить сервер: Control + C
Создание проекта через Vue UI
- Выберите каталог, в котором вы хотите создать проект. В этом примере я собираюсь создать его в папке / Users / {username}.
- Откройте инструмент Vue GUI с помощью команды: vue ui. Менеджер проекта Vue открывается по адресу http: // localhost: 8000 /
- Создайте новый проект, щелкнув вкладку Создать.
- Внизу нажмите кнопку Создать здесь новый проект.
- Введите Имя папки проекта и выберите путь, по которому вы хотите создать папку.
- В раскрывающемся списке выберите Project Manager. Для этого проекта я выбрал npm и нажал кнопку Далее.
- Выберите одну из предустановок. В этом примере я выбираю: По умолчанию ([Vue 2] babel, eslint) и нажимаю Создать проект. кнопка.