Как установить Vue.js на Ubuntu 22.04

Vue.js — это среда JavaScript с открытым исходным кодом для создания пользовательских интерфейсов. Это прогрессивный фреймворк, что означает, что вы можете использовать его постепенно, добавляя функции по мере необходимости. Vue.js прост в освоении и использовании, он очень гибкий и адаптируемый.

В этом руководстве мы узнаем, как установить и использовать vue js в системе Linux Ubuntu 22.04 с помощью CLI или командной строки. Чтобы установить Vue js на Ubuntu 22.04, выполните следующие действия.

Оглавление

• Шаг 1. Обновите системные пакеты
• Шаг 2: Установите Node js и NPM
• Шаг 3: Установите Vue.js на Ubuntu 22.04
• Шаг 4: Создайте приложение Vue.js
• Шаг 5: Запустите сервер приложений Vue Js
• Шаг 6: Протестируйте приложение Vue Js

Шаг 1. Обновите системные пакеты

Прежде всего, откройте командную строку и выполните следующую команду в командной строке, чтобы обновить системные пакеты перед установкой vue js на Ubuntu 22.04:

sudo apt update
sudo apt upgrade
sudo apt install build-essential curl

Шаг 2: Установите Node js и NPM

После обновления системных пакетов выполните следующую команду в командной строке, чтобы добавить репозиторий Node.JS в систему Linux Ubuntu:

curl -fsSL https://deb.nodesource.com/setup_16.x | sudo -E bash -

Затем выполните следующие команды в командной строке, чтобы установить node js и npm js на linxu ubuntu 22.04:

sudo apt install nodejs
sudo npm install npm@latest -g

Проверьте, что npm и node установлены с помощью следующей команды:

npm -v
node -v

Шаг 3: Установите Vue.js на Ubuntu 22.04

Запустите следующую команду в командной строке, чтобы установить vue js на Ubuntu 22.4:

npm install vue@next

Или вы можете установить пакет Vue CLI с помощью NPM. Этот пакет помогает установить все инструменты, необходимые для создания нового проекта в VueJS:

sudo npm install -g @vue/cli

Шаг 4: Создайте приложение Vue.js

Создайте приложение Vue.js, выполнив следующую команду в командной строке:

vue create tuts-project

Шаг 5: Запустите сервер приложений Vue Js

Запустите приложение Vue.js, поэтому используйте следующую команду в командной строке:

cd tuts-project
npm run serve

Шаг 6: Протестируйте приложение Vue Js

Наконец, откройте браузер и нажмите URL-адрес  http://192.168.77.20:8080.

В этом руководстве вы узнали, как установить и использовать vue js в системе Linux Ubuntu 22.04 с помощью интерфейса командной строки или командной строки.