# Nodejs

Управление несколькими версиями Nodejs с помощью ServBay очень просто. Мы продемонстрируем это, установив Nodejs 22.

# Установите Nodejs 22

Нажмите на Услуги в левой боковой панели, и вы увидите несколько версий Nodejs, предоставляемых ServBay.

Установить Nodejs 22

Найдите строку, где расположен Nodejs 22, нажмите на зеленую кнопку загрузки справа, и Nodejs 22 будет загружен и установлен всего за несколько секунд.

# Установите yarn и pnpm

После установки Nodejs 22, давайте проверим это:

Версия Nodejs 22

Из вывода терминала видно, что Nodejs 22 установлен.

Тогда давайте установим yarn и pnpm через corepack:

$ corepack enable yarn
$ yarn -v
1.22.22
$ corepack enable pnpm
$ pnpm -v
9.1.0
1
2
3
4
5
6

Мы видим, что yarn и pnpm были установлены.

# Пример Vue 3

После установки Nodejs и yarn/pnpm вы можете начать разработку front-end. Далее мы будем использовать Vue 3 в качестве примера.

# Каркас Vue 3

Сначала давайте запустим каркас Vue 3, чтобы сгенерировать проект на Vue 3.

Скелет Vue 3

# Установите зависимости с помощью yarn

Затем войдите в каталог проекта:

$ cd hello
1

Выполните yarn для установки пакетов зависимостей:

Yarn Установка Зависимостей

# Запустите сервер разработки

Затем выполните yarn dev для запуска локального сервера разработки:

$ yarn dev
1

После успешного запуска сервера будет отображена следующая информация:

Информация Yarn Dev

В этот момент, посетите http://localhost:5173 в вашем браузере, и вы увидите стандартную домашнюю страницу, созданную Vue 3:

Стартовая страница Vue 3 по умолчанию

# Редактировать исходный код

Давайте попробуем изменить "Вы сделали это!" на "Привет, Мир!" и посмотрим, что произойдет:

Исходный код Hello World для Vue 3

После модификации кода, Vue 3 автоматически обновит страницу, поэтому мы можем увидеть измененную начальную страницу сайта:

Страница Привет, Мир Vue 3

Теперь вы готовы заниматься фронтенд-разработкой с использованием nodejs.

Last Updated: 5/12/2024