Как установить Vue CLI на Ubuntu 20.04

В этой статье мы объясним, как установить Vue CLI на Ubuntu 20.04.

Vue.js - это JavaScript-фреймворк с открытым исходным кодом на основе модели-представления-представления. Эта статья расскажет вам о процессе установки и создании проекта hello world first.

Предпосылки

• Установленный выделенный сервер Ubuntu 20.04 или KVM VPS.
• Доступ пользователя root или обычного пользователя с правами администратора.

Установите Vue CLI в Ubuntu 20.04

1 - Держите сервер в актуальном состоянии

# apt update -y

2 - Скачать NodeJS

Загрузите последнюю стабильную версию NodeJS.

# curl -sL https://deb.nodesource.com/setup_15.x | sudo -E bash -

3 - Установите NodeJS

Затем установите NodeJS, используя следующую команду:

# apt-get install -y nodejs

4 - Проверьте установку

# node -v && npm -v

Выход:

v15.9.0
7.5.4

5. Установите Vue CLI.

Следующая команда установит Vue CLI.

# npm install -g @vue/cli

Проверьте установку:

# vue --version

Выход:

@vue/cli 4.5.11

6. Создайте проект Vue.

# vue create hello-world

Вам будет предложено выбрать предустановку. Вы можете выбрать предустановку по умолчанию, которая поставляется с базовой установкой Babel + ESLint, или выбрать «Выбрать функции вручную», чтобы выбрать нужные вам функции.

Выход:

Vue CLI v4.5.11
? Please pick a preset: (Use arrow keys)
❯ Default ([Vue 2] babel, eslint)
Default (Vue 3 Preview) ([Vue 3] babel, eslint)
Manually select features

Успешно созданный проект hello-world.
Начните со следующих команд:

# cd hello-world
# npm run serve

Выход:

App running at:
- Local: http://localhost:8080/
- Network: http://192.168.0.106:8080/

Note that the development build is not optimized.
To create a production build, run npm run build.

Перейдите в свой браузер и откройте http: // [server_IP]: 8080.

Вот и все. Установка завершена.

В этой статье мы увидели, как установить Vue CLI на Ubuntu 20.04.