Программы для веб-разработчика в Linux Ubuntu 22.04

27 Декабрь 2024

В данной статье расскажу про основные инструменты и программы используемые для веб-разработки, а также установлю некоторые из них. Устанавливать их буду в дистрибутив Linux Ubuntu 22.04.

Chromium

Первый инструмент - это браузер. По умолчанию в дистрибутиве уже установлен браузер Firefox, но я больше предпочитаю браузер Chromium. Поэтому установлю его. Для этого открою терминал. Следующей и командой обновлю индекс пакетов:

sudo apt update

И далее запущу установку браузера:

sudo apt install chromium-browser

И как можно видеть установка производится из Snap репозитория:

Также программы можно установить из центра приложений. Например тот же самый браузер Chromium:

Соответственно здесь есть удобная для разработки консоль разработчика с множеством функций:

Также существуют и другие браузеры на основе Chromium. Например Яндекс Браузер. О том как его установить я показывал в одной из своих статей. А также браузеры Brave, Vivaldi и так далее.

Текстовый редактор

Следующее - это текстовый редактор. Их также существует большое множество. Например Visual Studio Code, Sublime Text, Webstorm для разработки на JavaScript и Typescript, PHPStorm для разработки на PHP и другие.

VS Code

Для примера установлю Visual Studio Code. Для этого необходимо скачать deb пакет с официального сайта VS Code:

Его либо можно просто запустить в установке приложений и нажать установить:

Либо сделать это при помощи терминала:

sudo apt install ./code_1.96.2-1734607745_amd64.deb

Здесь программа спрашивает добавить ли репозиторий Microsoft Visual Studio Code, для того, чтобы можно было обновлять программу в дальнейшем:

Соглашаюсь. Ну и теперь его можно запустить:

Здесь также доступно множество различных расширений для поддержки различных языков и технологий. Также он доступен из консоли. Можно либо просто запустить Visual Studio Code при помощи команды code. Либо открыть какую-то папку поставив точку после ключевого слова code:

Sublime Text

Также установлю Sublime Text. Здесь необходимо добавить репозиторий Sublime Text. Следующей командой установлю gpg ключ:

wget -qO - https://download.sublimetext.com/sublimehq-pub.gpg | gpg --dearmor | sudo tee /etc/apt/trusted.gpg.d/sublimehq-archive.gpg > /dev/null

Далее добавлю стабильный репозиторий:

echo "deb https://download.sublimetext.com/ apt/stable/" | sudo tee /etc/apt/sources.list.d/sublime-text.list

Обновлю индекс пакетов:

sudo apt update

И установлю sublime text:

sudo apt install sublime-text

После запуска программы также можно установить пакетный менеджер. Для этого необходимо нажать комбинацию клавиш Ctrl Shift P. Прописать здесь Install Package Control:

И далее можно устанавливать пакеты. Например для вёрстки подойдёт пакет Emmet, который значительно упрощает процесс верстки:

Sublime Text также доступен из терминала:

subl

NodeJS

Следующий инструмент - это NodeJS. Очень полезный инструмент для веб-разработки. Подойдёт как для фронтенд разработки, так и для бэкэнд разработки.

Можно просто скачать архив с сайта и здесь в папке bin он будет доступен:

Либо установить его воспользовавшись пакетным менеджером например nvm. Установлю двадцать вторую версию NodeJS. Соответственно nvm необходимо установить. Для этого зайду на github репозиторий nvm и следующей командой запущу установку:

wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.1/install.sh | bash

Далее необходимо перезапустить терминал и теперь можно установить NodeJS:

nvm install 22

И как можно увидеть NodeJS установился:

А также установился npm:

С помощью npm можно устанавливать такие вещи как gulp и множество других пакетов, которые доступны на сайте npmjs.

Git

Следующий инструмент - это git. Устанавливается простой командой в терминале:

sudo apt install git

Предназначен для контроля версий. Далее останется добавить лишь репозиторий.

Инструменты для Backend разработки

Большинство, расмотренных ранее инструментов используются для front-end разработки. Далее рассмотрю инструменты для back-end разработки.

Docker и Docker Desktop

Во-первых понадобится сервер. Установить сервер например можно на Docker, о том как установить docker и Docker Desktop у меня есть соответствующие статьи на сайте.

Laravel

Помимо сервера на Docker также можно поставить фреймворки например PHP Framework Laravel. Здесь есть инструкция как установить в docker:

LAMP

Также можно вручную установить веб-сервер. У меня также есть целый плейлист на этот счёт.

NGINX

Вместо Apache можно использовать NGINX. У меня также есть соответствующая статья.

Postman

Также может понадобиться такая вещь как Postman.

Она предназначена для тестирования собственного API. Можно отправлять необходимые запросы по необходимому адресу, тем самым проверяя работоспособность API приложения.

MYSQL Workbench

Также понадобится база данных. Для mysql можно воспользоваться MYSQL Workbench. Это клиент для баз данных MYSQL. Доступен для дистрибутива Ubuntu для версий 24.04 и 24.10: