В этой статье мы объясним, как установить Vue CLI на Ubuntu 22.04.
Vue.js — это интерфейсный фреймворк для JavaScript с открытым исходным кодом. Эта статья расскажет вам о процессе установки и создании первого проекта hello world.
Предпосылки
- Установленный выделенный сервер Ubuntu 22.04 или KVM VPS.
- Пользователь root или обычный пользователь с административными привилегиями.
Установить Vue CLI на Ubuntu 22.04
1 — Управление пользователями
Добавить пользователя
# adduser ‹имя пользователя›
Он попросит вас ввести пароль для нового пользователя.
Добавить пользователя в группу sudo
# usermod -aG sudo block
Войти под новым пользователем
# su — ‹имя пользователя›
2 — Держите сервер в актуальном состоянии
$ sudo apt update -y
3 — Скачать NodeJS
Загрузите последний стабильный выпуск NodeJS.
$ sudo curl -sL https://deb.nodesource.com/setup_18.x | sudo -E bash-
4 — Установите NodeJS
Затем установите NodeJS, используя следующую команду:
$ sudo apt-get install -y nodejs
5 — Проверить установку
$ node -v && npm -v
Выход:
v18.9.0
8.19.1
6. Установите Vue CLI
Следующая команда установит Vue CLI.
$ sudo npm install -g @vue/cli
Проверьте установку:
$ vue — версия
Выход:
@vue/cli 5.0.8
7. Создайте проект Vue
$ vue создать привет-мир
Вам будет предложено выбрать пресет. Вы можете либо выбрать пресет по умолчанию, который поставляется с базовой настройкой Babel + ESLint, либо выбрать «Выбрать функции вручную», чтобы выбрать нужные вам функции.
Выход:
Vue CLI v5.0.8`
? Выберите предустановку: (Используйте клавиши со стрелками)
❯ По умолчанию ([Vue 2] babel, eslint)
По умолчанию (предварительная версия Vue 3) ([Vue 3] babel, eslint)
Выберите вручную особенности
Проект hello-world успешно создан.
Начните работу с помощью следующих команд:
$ cd hello-world
$ sudo npm run serve
Выход:
Приложение запущено по следующему адресу:
— Локально: http://localhost:8080/
— Сеть: http://192.168.0.106:8080/
Обратите внимание, что сборка для разработки не оптимизирована.
Чтобы создать рабочую сборку, запустите npm run build.
Перейдите в свой браузер и откройте http://[server_IP]:8080.
Вот и все. Установка завершена.
В этой статье мы увидели, как установить Vue CLI на Ubuntu 22.04.