Найти тему

Настройка операционной системы ubuntu 22.04 для работы с фронтендом

План статьи

1) Вводная часть;

2) Программы, которые я устанавливаю сразу после настройки операционной системы;

3) Итоговый результат

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

Всем привет, меня зовут Александр, я являюсь фронтенд разработчиком с 4-х летним опытом работы. За это время я уже много раз переустанавливал операционные системы по разным причинам. На данный момент я остановился на системах семейства linux дистрибутиве ubuntu 22.04. Мой выбора пал на эту систему, потому что в ней удобнее вести разработку и она проще в использовании, по моему субъективному мнению, чем windows или macos. Также в ней удобнее работать с файлами через консоль и выполнять с ними различные операции, при работе с виндовс у меня возникали проблемы с этим, например при генерации картинок нужного качества и размера для сайта при работе с gulp.

Главной целью этой статьи является сохранить список команд и мест, которые я использую, чтобы настроить систему для продуктивной работы. Давайте перейдем к описанию программ.

Программы, которые я устанавливаю сразу после настройки операционной системы

Первым делом устанавливаю текстовый редактор. Для себя я давно уже выбрал visual studio code, он бесплатный, не требует лицензии и удовлетворяет всем моим требованиям:

  • понятный код;
  • на лету подхватывает файлы конфигурации;
  • переходы между файлами;
  • подсвечивает ошибки и дает возможность их исправить.

Устанавливаю я его snap пакетом одним из двух способов: через магазин приложений, либо через официальный сайт. После этого текстовый редактор доступен в приложениях системы и его оттуда можно запустить.

После текстового редактора устанавливаю себе пакет nvm — node version manager. Эта программа нужна для работы с несколькими версиями npm(node package manager) и node. Программу можно установить через следующие команды:

  • sudo apt install curl — устанавливаем программу для запросов из консоли;
  • curl https://raw.githubusercontent.com/creationix/nvm/master/install.sh | bash — скачиваем утилиту для установки программы и устанавливаем саму программу;
  • source ~/.bashrc — устанавливаем программу в саму систему.

После установки nvm можем использовать его в консоли, основные команды:

  • nvm install номер версии node — установка нужной версии node;
  • nvm use номер версии node — использование указаного номера версии;
  • nvm ls — список установленных версий node на компьютере;
  • nvm ls-remote — список версий node, который можно установить.

Учитывая, что я работаю еще с бекендом, то мне необходима база данных. Здесь мой выбор пал на mongo db. На разных сайтах описаны разные способы ее установки, но у меня получилось установить ее по инструкции с официального сайта, также ситуация осложняется тем, что для ubuntu 22-й версии еще не сделали инструкцию, поэтому приходится устанавливать по предыдущей версии. Список команд для установки вышеописанной базы данных:

  • sudo apt-get install gnupg — устанавливаем программу для шифрования электронных ключей;
  • „wget -qO - https://www.mongodb.org/static/pgp/server-6.0.asc | sudo apt-key add -“ - добавляем публичный ключ в магазин приложений системы;
  • создаем файл /etc/apt/sources.list.d/mongodb-org-6.0.list
  • в созданный файл записываем следующий текст «echo "deb [ arch=amd64,arm64 ] https://repo.mongodb.org/apt/ubuntu focal/mongodb-org/6.0 multiverse" | sudo tee /etc/apt/sources.list.d/mongodb-org-6.0.list»;
  • sudo apt-get update — обновляем список пакетов;
  • sudo apt-get install -y mongodb-org — устанавливаем базу данных;
  • sudo systemctl start|stop|reload|status mongod — операции по управлению состоянием mongo db.

В качестве графической оболочки для работы с mongo db я использую программу compas. Она скачивается с официального сайта в виде dep пакета и после его установки программа доступна в общем списке программ.

Также для работы с бекендом мне необходимо проверять работу бека по запросам. Для этих целей я использую программу postman, ее устанавливаю через snap пакеты, как текстовый редактор, и после этого она доступна для запуска из общего списка программ.

Вывод

В итоге на локальной машине мне для комфортной работы необходимо установить дополнительно несколько программ: текстовый редактор visual studio code, node version manager, mongo db, compas, postman.

Больше статей в моем блоге. Спасибо, что дочитали и до новых встреч в следующих статьях.