Linux для начинающих с уклоном в веб разработку. Часть 3: Установка программ в Pop!_OS

Оглавление статьи

1. Вводная часть
2. Системные программы
3. Общие программы
4. Программы для веб
5. Экранный диктор в Pop!_OS
6. Расширения для браузера
7. Вся серия

Вводная часть

Серия статей о том как безболезненно перейти с операционной системы Windows на Linux дистрибутив Pop!_OS, для разработки веб приложений и повседневного использования в качестве основной операционной системы.

1. Часть 1: Установка дистрибутива Pop!_OS
2. Часть 2: Первоначальная настройка Pop!_OS
3. Часть 3: Софт для дистрибутива Pop!_OS
4. Часть 4: Настройка программ в Pop!_OS

В предыдущей статье

В предыдущей статье мы научились делать бэкап и восстановление системы, настроили NVIDIA, обновили систему, ознакомились с настройками, привели горячие клавиши системы к соответствию горячим клавишам в операционной системе Windows. Добавили шаблоны для удобного создания новых файлов, кастомизировали тему, установив различные виджеты. Создали файл подкачки и настроили гибернацию.

Системные программы

Timeshift

Timeshift - бэкап системы, мы уже познакомились с этой программой, но я так же включу ее в этот список.

sudo apt install timeshift

Шрифты

Шрифты - стандартные шрифты из Windows к которым мы все привыкли Arial, Time New Roman и другие.

По умолчанию в Linux дистрибутиве Pop!_OS нет Windows шрифтов, но их можно установить дополнительно. Для их установки вводим в терминале следующие команды друг за другом.

sudo apt update
sudo apt install cabextract

# Если возникнет ошибка
sudo apt --fix-broken install

Файлы со шрифтами находятся здесь. Скачиваем самую последнюю версию с расширением deb, на момент написания статьи это была ttf-mscorefonts-installer_3.8.1_all.deb.

Открываем скачанный файл и устанавливаем/обновляем пакет.

Откроем программу LibreOffice Writer и проверим наличие Windows шрифтов.

Мультимедийные кодеки

Мультимедийные кодеки - позволяют просматривать видео различных форматов.

sudo apt install ubuntu-restricted-extras

Пакет libdvd-pkg используется для установки поддержки воспроизведения DVD-дисков на операционной системе Linux. При установке нужно будет принять условия для этого нажмите на клавишу Tab для выбора пункта и Пробел для активации пункта.

sudo apt install libdvd-pkg
sudo dpkg-reconfigure libdvd-pkg

Bleachbit

Bleachbit - аналог Cсleaner. Позволяет производить очистку системы от лишнего мусора.

sudo apt install bleachbit

Файрвол

Файрвол - используется для обеспечения защиты доступа по сети, закрытие портов и т.п.

sudo apt install gufw

Tilix

Tilix - улучшенный терминал по сравнению со стандартным который предоставляет дистрибутив Pop!_OS.

sudo apt install tilix

Чтобы сделать терминал Tilix терминалом по умолчанию, чтобы именно он открывался по нажатию на клавиши Window + T, введем в терминале команду.

sudo update-alternatives --config x-terminal-emulator

Пропишем цифру обозначающую пункт Tilix и нажмем Enter.

Для того чтобы терминал Tilix открывался через Linux проводник nautilus установим еще один пакет:

sudo apt install python3-nautilus
nautilus -q

Откроем терминал и настроем его, нажав в правом верхнем углу на значок бургера. Выберем пункт Параметры. Появится окно с ошибкой, просто нажимаем Ок игнорируя ее.

Далее нужно перейти в раздел Профили / По умолчанию, затем Команда и поставить галочку пункту Запускать команду как оболочку входа. Теперь ошибка должна пропасть.

Так же перейдем в раздел Цвета и выберем любую понравившуюся тему, мне лично нравится base16: Twilight (dark), и немного подкрутим Прозрачность чтобы терминал стал прозрачным.

Stacer

Stacer - многоплановая программа которая позволит управлять установленными программами, автозагрузкой, так же как Bleachbit чистит кэш и еще много чего.

sudo apt install stacer

Virtual Box

Virtual Box - для создания виртуальных машин.

sudo apt install virtualbox-qt

TeamViewer

TeamViewer - для удаленного доступа к компьютеру.

Переходим на официальный сайт и скачиваем версию Ubuntu/Debian 32 или 64 битную в зависимости от вашей архитектуры. Как правило на всех современных компьютерах 64 битная архитектура.

Открываем скачанный файл и устанавливаем.

Any Desk

Any Desk - аналог TeamViewer последнее время чаще пользуюсь им.

Переходим на официальный сайт и скачиваем версию Debian / Ubuntu / Mint (64 Bit).

Открываем скачанный файл и устанавливаем.

Snap пакеты

Snap пакеты - дополнительный репозиторий с софтом, используется когда мы не можем найти нужную программу в репозиториях дистрибутива или же там находится устаревшая версия, а мы хотим новую. С помощью него мы в дальнейшем установим ряд программ.

sudo apt install snapd

Общие программы

KeePassXC

KeePassXC - удобное хранилище паролей.

sudo apt install keepassxc

KDENlive

KDENlive - видео редактор, аналог Adobe Premiere для Linux.

Откроем программу Pop!_Shop и в поле поиска введем kdenlive. Выберем найденную программу, она представлена в двух версиях flatpak и deb. Установим flatpak версию.

Go For IT!

Go For IT! - todo лист с таймером помидоро.

sudo apt install go-for-it

qBittorrent

qBittorrent - торрент трекер.

sudo apt install qbittorrent

Handbrake

Handbrake - оптимизация видео файлов.

sudo apt install handbrake

Яндекс диск

Инструкция по установке Яндекс диска в Linux дистрибутивах доступно на официальном сайте.

Приступим к установке, откройте терминал и введите следующую команду.

echo "deb http://repo.yandex.ru/yandex-disk/deb/ stable main" |
sudo tee -a /etc/apt/sources.list.d/yandex-disk.list > /dev/null &&
wget http://repo.yandex.ru/yandex-disk/YANDEX-DISK-KEY.GPG -O- |
sudo apt-key add - &&
sudo apt update &&
sudo apt install -y yandex-disk

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

W: http://repo.yandex.ru/yandex-disk/deb/dists/stable/InRelease: Key is stored in legacy trusted.gpg keyring (/etc/apt/trusted.gpg), see the DEPRECATION section in apt-key(8) for details.

Чтобы ее устранить вводим в терминале следующую команду.

sudo apt-key list

Находим запись Yandex Disk Repository Key и ее идентификатор EE2C 95AB 58DC 2B01 38D1 6B4F EFC4 571D 7C90 E5AF. Нам нужны последние восемь цифр 7C90 E5AF.

Вводим в терминале следующую команду. Обратите внимание, что в ней используются найденные последние 8 цифр 7C90E5AF.

sudo apt-key export 7C90E5AF | sudo gpg --dearmour -o /etc/apt/trusted.gpg.d/YANDEX-DISK-KEY.gpg

Пробуем обновиться.

sudo apt update

Как видим ошибка исчезла можно приступать к установке Яндекс диска. Необходимо будет следовать инструкции в терминале.

yandex-disk setup

Установим теперь Яндекс диск GUI, я использую yd-tools. Вводим в терминале по очереди следующие команды.

sudo add-apt-repository ppa:slytomcat/ppa
sudo apt update
sudo apt install yd-tools

Все необходимое мы установили, теперь можем запустить синхронизацию с Яндекс диском, нажмем клавишу Window и вводим слово Индекатор Yandex.Disk, открываем найденное приложение, готово.

Сторонние шрифты

Бывает что в систему хочется добавить нестандартные шрифты. По аналогии с Windows когда мы добавляли шрифты в папку windows/fonts. В Linux тоже можно добавить кастомные шрифты, для этого создадим через терминал каталог с шрифтами.

sudo mkdir /usr/share/fonts/kingsoft

Сделаем чтобы у нас были права на этот каталог и на все вложенные каталоги и файлы.

sudo chown -R $USER:$USER /usr/share/fonts/kingsoft

Перенесем кастомные шрифты в созданный каталог, например предположим что наши шрифты находятся в каталоге ~/Загрузки/roboto.

sudo cp -R ~/Загрузки/roboto /usr/share/fonts/kingsoft

Установим шрифты.

sudo fc-cache -vfs

Теперь мы можем воспользоваться кастомными шрифтами например в программе в LibreOffice Writer.

Double commander

Double commander - проводник наподобие Total Commander.

sudo apt install doublecmd-qt

OBS Studios

OBS Studios - программа для стриминга и съема экрана.

sudo apt install obs-studio

Диктофон - программа записи голоса.

flatpak install flathub org.gnome.SoundRecorder

Flameshot

Flameshot - делает скриншоты экрана с возможностью отправить снимок в облако и поделиться им через ссылку.

sudo apt install flameshot

Кстати скриншоты удобно делать через горячую клавишу Print Scr, стандартным способом дистрибутива.

Steam

Steam - игровая платформа, благодаря технологии Proton позволяет запускать любимые игры даже в Linux.

Переходим на официальный сайт, скачиваем установщик и устанавливаем.

Port Proton

Еще один проект который направлен на то, чтобы сделать легким и удобным запуск Windows игр на Linux.

Переходим на официальный сайт и следуем инструкции по установке.

sudo dpkg --add-architecture i386
sudo add-apt-repository multiverse
sudo apt update && sudo apt upgrade
sudo apt install curl file libc6 libnss3 policykit-1 xz-utils zenity bubblewrap curl icoutils tar libvulkan1 libvulkan1:i386 wget zenity zstd cabextract xdg-utils openssl bc libgl1-mesa-glx libgl1-mesa-glx:i386

wget -c "https://github.com/Castro-Fidel/PortWINE/raw/master/portwine_install_script/PortProton_1.0" && sh PortProton_1.0

Persepolis

Persepolis - менеджер скачивания, наподобие Download Master для Windows.

sudo apt install persepolis

Lollypop

Lollypop - музыкальный проигрыватель.

sudo apt install lollypop

Программы для веб

Настройка www-data

Это не программа скорей правило. Обычно я вручную создаю пользователя www-data и каталог www. Раньше когда устанавливал вручную Apache или Nginx они вместо меня это создавали, но сейчас в основном работаю через Docker поэтому напрямую не устанавливаю веб сервер.

И так создадим новую группу и добавим нашего пользователя в нее.

sudo usermod -a -G www-data $USER

Чтобы группа подхватилась необходимо выйти из системы и снова войти, либо перезагрузить компьютер.

Далее в корневом каталоге пользователя создадим каталог www. В нем будут храниться все наши веб проекты.

mkdir ~/www

Зададим для каталога www пользователя и группу www-data.

sudo chown -R www-data:www-data ~/www

И зададим права доступа.

sudo chmod -R 775 ~/www

Создадим символьную ссылку, чтобы каталог www который создают Nginx и Apache был связан с нашим рабочим каталогом www.

sudo ln -s ~/www /var/www

Попробуем создать какие-либо файлы в любом из www каталоге. Каталоги /var/www и ~/www должны отобразить одно и тоже.

Google Chrome

Браузер для повседневного интернет серфинга.

Зайдем на официальный сайт, скачаем DEB пакет и установим его.

Yandex Browser

Еще один браузер который я использую. Имеет очень крутую фишку переводить видео с YouTube на русский язык.

Зайдем на официальный сайт, скачаем DEB пакет, нажав по ссылке Debian, Mint, Ubuntu и установим его.

Git

Git - управление контролем версий.

sudo add-apt-repository ppa:git-core/ppa
sudo apt update
sudo apt install git

Проверим git введя команду.

git -v

Composer

Composer - пакет менеджер для PHP.

Установим зависимости.

sudo apt install php-cli unzip

Скачаем файл composer-setup.php, введя команду.

curl -sS https://getcomposer.org/installer -o /tmp/composer-setup.php

Получим HASH.

HASH=`curl -sS https://composer.github.io/installer.sig`

Сравним хэши.

php -r "if (hash_file('SHA384', '/tmp/composer-setup.php') === '$HASH') { echo 'Installer verified'; } else { echo 'Installer corrupt'; unlink('composer-setup.php'); } echo PHP_EOL;"

Если все сделали правильно хэши должны совпасть, а на экране отобразиться надпись: Installer verified.

Переносим файл композер в директорию bin для того, чтобы мы могли в дальнейшем обращаться к скрипту не указывая полный путь до него, а только его имя composer.

sudo php /tmp/composer-setup.php --install-dir=/usr/local/bin --filename=composer

Проверим composer введя команду.

composer --version

FileZilla

FileZilla - ftp клиент, для загрузки файлов на хостинг.

sudo apt install filezilla

Wine

Wine - для запуска Window приложений в среде Linux.

Выполним поочередно следующие команды.

sudo dpkg --add-architecture i386
sudo mkdir -pm755 /etc/apt/keyrings
sudo wget -O /etc/apt/keyrings/winehq-archive.key https://dl.winehq.org/wine-builds/winehq.key
sudo wget -NP /etc/apt/sources.list.d/ https://dl.winehq.org/wine-builds/ubuntu/dists/jammy/winehq-jammy.sources
sudo apt update
sudo apt install --install-recommends winehq-stable
winecfg
sudo apt install winetricks

Photoshop

Photoshop - благодаря wine мы имеем возможность установить Photoshop в Linux.

Photoshop будет установлен по инструкции по этого репозитория.

Клонируем репозиторий.

git clone https://github.com/Gictorbit/photoshopCClinux.git

Переходим в каталог с клонированного репозитория.

cd photoshopCClinux

Даем разрешение скрипту на выполнение.

chmod +x setup.sh

Запускаем скрипт.

./setup.sh

Вводим цифру один для установки Photoshop и следуем дальнейшей инструкции. В целом установка интуитивно понятна, нет смысла ее описывать подробно. Нажимаете далее, ок до полной установки.

Figma

Figma - приложение для дизайна интерфейсов и прототипирования.

Необходимо будет скачать deb пакет с официального репозитория и установить его.

NodeJS

NodeJS - среда для создания веб приложений.

Перейдем в репозиторий nvm и посмотрим какая самая последняя версия, на момент написания статьи это 0.39.5.

Скачаем и установим ее введя в терминал команду, подставьте в ссылку актуальный номер версии.

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

Обновим среду оболочки, для чего требуется закрыть и снова открыть терминал, либо выполнить команду:

source ~/.profile

Проверяем версию.

nvm --version

Получаем список всех доступных версий NodeJS можно следующим образом:

nvm ls-remote

Ещё лучше - вывести лишь список версий с долгосрочной поддержкой.

nvm ls-remote | grep -i "latest lts"

Теперь можно выбрать желаемый вариант и установить, например:

nvm install 18.17.1

Вывести список установленных версий.

nvm ls

Переключить на другую версию.

nvm use <version_number>

Чтобы удалить версию, нужно предварительно переключиться на другую и затем выполнить:

nvm uninstall <version_number>

Чтобы обновить версию.

npm update -g npm

Если устанавливать NodeJS из репозитория дистрибутива, то он установится в каталог /bin/node|npm|npx и некоторые программы будут пытаться обратиться по этим путям. Но так как мы установили NodeJS с участием nvm, то необходимо создать символические ссылки. Для этого в терминале вводим поочереди следующие команды. Обратите внимание, что 18.17.1 это версия активной NodeJS, если необходимо замените версию на свою.

sudo ln -s ~/.nvm/versions/node/v18.17.1/bin/node /bin/node
sudo ln -s ~/.nvm/versions/node/v18.17.1/bin/npm /bin/npm
sudo ln -s ~/.nvm/versions/node/v18.17.1/bin/npx /bin/npx

hash -r

export PATH=$PATH:'/bin/node'
source ~/.bashrc && source ~/.profile

PHP Storm

PHP Storm - IDE для веб разработки на языке программирования PHP.

sudo snap install phpstorm --classic

Для установки предыдущей версии введите в терминале.

sudo snap install phpstorm --channel=2021.1/stable --classic

Чтобы открыть каталог через PHP Storm по нажатию на него правой кнопкой мыши, как в Windows. Нужно скачать и установить скрипт.

wget -qO- https://raw.githubusercontent.com/Jayuda/idea-nautilus/master/install.sh | bash

Откроем файл idea-nautilus.py и изменим значение переменной INTELJIDEA.

gedit ~/.local/share/nautilus-python/extensions/idea-nautilus.py

// Изменим значение переменной
INTELJIDEA = 'phpstorm'

// Закоментируем эти строчки
# if os.path.isdir(filepath) and os.path.exists(filepath):
# args = '--new-window '

Перезапустим проводник.

nautilus -q

Visual Studio

Visual Studio - редактор кода.

sudo snap install code --classic

Чтобы открыть каталог через VSCode по нажатию на него правой кнопкой мыши, как в Windows. Нужно скачать и установить скрипт.

wget -qO- https://raw.githubusercontent.com/harry-cpp/code-nautilus/master/install.sh | bash

Перезапустим проводник.

nautilus -q

Poedit 2

Poedit 2 - используется для интернализации программного обеспечения. Будет полезен при создании мультиязычных сайтов.

sudo apt install poedit

Оптимизация изображений

Программа уменьшения веса изображения.

sudo snap install image-optimizer

Пипетка

Пипетка - позволяет скопировать цвет какого либо элемента.

sudo snap install pick-colour-picker

Изменение размера картинок

Позволяет без графического редактора очень быстро и просто изменить пропорции картинки, повернуть ее т.п. Для этого достаточно нажать на картинку правой кнопкой мыши и выбрать в контекстном меню пункт Масштабировать изображение или Rotate Images.

sudo apt install nautilus-image-converter

Перезапустим проводник.

nautilus -q

DB SQL dbeaver

DB SQL dbeaver - администрирования баз данных.

sudo snap install dbeaver-ce

Docker

Docker - контейнер для создания изолированных окружений с необходимыми зависимостями.

Установка Docker будет производится согласно официальной документации.

Создадим группу docker и добавим в нее нашего пользователя.

sudo groupadd docker
sudo usermod -aG docker $USER

Чтобы группа подхватилась необходимо выйти из системы и снова войти, либо перезагрузить компьютер. Также можно ввести команду.

newgrp docker

Далее установим Docker, введя поочередно следующие команды.

sudo apt update
sudo apt install ca-certificates curl gnupg

sudo install -m 0755 -d /etc/apt/keyrings
curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo gpg --dearmor -o /etc/apt/keyrings/docker.gpg

sudo chmod a+r /etc/apt/keyrings/docker.gpg

echo \
"deb [arch="$(dpkg --print-architecture)" signed-by=/etc/apt/keyrings/docker.gpg] https://download.docker.com/linux/ubuntu \
"$(. /etc/os-release && echo "$UBUNTU_CODENAME")" stable" | \
sudo tee /etc/apt/sources.list.d/docker.list > /dev/null

sudo apt update

sudo apt install docker-ce docker-ce-cli containerd.io docker-buildx-plugin docker-compose-plugin

Проверим успешно ли установился Docker.

docker compose version

Далее по желанию можно установить GUI версию, скачав deb пакет и установив его.

PHP

PHP - так как я занимаюсь разработкой на php, то буду устанавливать базовые пакеты для этого языка.

sudo apt install php php-cli php-curl php-gd php-mbstring php-xml php-xmlrpc

Отредактируем временную зону в конфигурационном файле php.ini.

sudo gedit /etc/php/8.1/cli/php.ini

date.timezone = "Asia/Almaty"

Icon Shelf

Icon Shelf - хранилище svg иконок.

Скачать можно с официального репозитория. Скачиваем файл с типом *.AppImage.

Переименуем файл в icon-shelf.AppImage и перенесем его в каталог /usr/bin

sudo mv ~/Загрузки/icon-shelf.AppImage /usr/bin

Дадим файлу права на запуск.

sudo chmod +x /usr/bin/icon-shelf.AppImage

Создадим ярлык для запуска icon-shelf, чтобы по нажатию клавиши Windows или Ctrl + A мы могли найти программу icon-shelf в общем списке.

sudo touch ~/.local/share/applications/icon-shelf.desktop
sudo chmod +x ~/.local/share/applications/icon-shelf.desktop
sudo gedit ~/.local/share/applications/icon-shelf.desktop

И скопируем в созданный файл следующее содержимое.

[Desktop Entry]
Name=Icon Shelf
Comment=Svg icons library
Exec=/usr/bin/icon-shelf.AppImage
Type=Application
StartupNotify=true
Icon=/home/eliofery/Изображения/icon-shelf.svg
Terminal=false
Encoding=UTF-8
Categories=Utility;

Для значения Icon укажите свой путь к изображению формата jpg, png, svg. Эта картинка будет использоваться в качестве иконки для программы.

Теперь программу можно будет запустить нажав клавишу Window и введя слово Icon Shelf.

Экранный диктор в Pop!_OS

При создании сайтов, доступных для людей с ограниченными возможностями, хорошо было бы протестировать их работоспособность через программу экранный диктор. В дистрибутив Pop!_OS предустановлен экранный диктор, но по умолчанию выключен. Включить его можно нажав горячие клавиши Alt + Windows + S. Только есть небольшая проблема, стандартные голоса дикторов ужасны, благо можно скачать приемлемые голоса в opensource проектах, чем мы и займемся. Отдельное спасибо автору этого материала.

Открываем терминал и клонируем репозиторий.

git clone https://github.com/Olga-Yakovleva/RHVoice.git --recursive

Переходим в каталог склонированного репозитория.

cd RHVoice/

Устанавливаем зависимости.

sudo apt install git scons g++ libglibmm-2.4-dev libpulse-dev pkg-config

Далее необходимо скомпилировать и установить скаченный код.

scons
sudo scons install
sudo ldconfig
sudo cp -a /usr/local/bin/sd_rhvoice /usr/lib/speech-dispatcher-modules

Создадим конфигурационный файл rhvoice.conf со следующим содержимым.

sudo gedit /etc/speech-dispatcher/modules/rhvoice.conf

RHVoiceDataPath "/usr/local/share/RHVoice"
RHVoiceConfigPath "/usr/local/etc/RHVoice/"
RHVoicePunctuationMode
#RHVoicePunctuationList "@+_"
RHVoiceDefaultVoice "Aleksandr"
RHVoiceDefaultVariant "Pseudo-English"
Debug

Добавим голоса новых дикторов в конфигурационный файл speechd.conf.

sudo gedit /etc/speech-dispatcher/speechd.conf

Найдем перечень модулей, начинающихся на слово #AddModule и добавим к ним новый модуль.

#AddModule "rhvoice" "sd_rhvoice" "rhvoice.conf"

Перезагрузим компьютер.

reboot

После перезагрузки компьютера включим экранный диктор, нажав клавиши Alt + Windows + S. Затем зайдем в настройки экранного диктора, нажав по рабочему столу Левой кнопкой мыши + Пробел. Важно нажать именно по рабочему столу иначе настройки не откроются.

Ниже скриншотами я покажу свои настройки экранного диктора, которые обычно ставлю, если какая то из вкладок не показана, значит содержимое ее параметров осталось без изменений.

Голос

Речь

Озвучивание

После изменений нажимаем на кнопку Применить.

Готово, мы успешно настроили экранный диктор. Теперь когда он нам понадобится достаточно будет только его включить Alt + Windows + S. Отключается он теме же самыми клавишами.

Расширения для браузера

Список расширений для браузера Google Chrome которые я использую в работе и не только.

• FireShot - скриншот страницы
• ImTranslator - переводчик
• JsonView - просмотр формата json в браузере
• Page Ruler - линейка, для измерения элементов на странице сайта
• PerfectPixel - сравнение верстки с макетом посредством наложения картинки макета на сверстанную страницу
• SEOquake - статистика по SEO
• uBlock Origin - блокировка рекламы на сайтах
• Validity - валидация страницы в браузере
• Video Speed Controller - увеличение скорости любого видео в браузере
• Web Developer - инструмент для веб разработчика
• Save From - скачивание видео из браузера
• Video Download Helper - скачивание видео из браузера, более продвинутый плагин чем Save From
• Print Friendly & PDF - сохранение html страницы в pdf
• WhatFont - позволяет узнать какой шрифт использует страница сайта
• Xdebug helper - для дебага php кода
• CSS Shapes Editor - позволяет создавать clip css стили

Вся серия

1. Часть 1: Установка дистрибутива Pop!_OS
2. Часть 2: Первоначальная настройка Pop!_OS
3. Часть 3: Софт для дистрибутива Pop!_OS
4. Часть 4: Настройка программ в Pop!_OS