Матвей Земсков

Заметки веб-мастера

Пятница, 10 января 2014 14:16

Веб-разработка в Kubuntu

Оцените материал
(2 голосов)

Недавно у меня появилось желание изучить Linux. Причиной этому послужил интерес к UNIX-подобным системам, ведь большинство веб-серверов на хостинг-площадках работают под управлением этих систем, да и в вакансиях частенько требуется умение работать с Linux, а именно знание команд этой ОС. Для изучения я выбрал дистрибутив Kubuntu ( версия 13.10), который по мнению разработчиков, является одним из самых «дружественных» для пользователя.

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

Итак, начну с моих впечатлений. Процесс установки прост и занимает немного времени. Я устанавливал систему на ноутбук с флэшки. На компьютере уже была установлена Windows 7, я не стал ее удалять и поставил Linux «рядом». После установки и небольших настроек рабочего стола, я принялся за изучение системы. На первый взгляд – интерфейс приятный и удобный, правда непривычно, что программы запускаются от одного клика по ярлычкам на рабочем столе. Еще немного непривычно то, что «закладки» в меню запуска приложений переключаются не при клике на них, а при наведении мыши, что в принципе легко отключается в настройках.

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

Программы для веб-разработки в Kubuntu
Программы для веб-разработки в Kubuntu

Однако, для веб-разработки нужно установить дополнительный набор софта. Приложения в Kubuntu можно установить при помощи программы управления пакетами Muon или через Терминал, если вы знакомы с командами Linux.

  1. Для веб-разработки нам прежде всего необходимы Веб-сервер (Apache), сервер MySQL и phpMyAdmin. Узнать о том, как установить и настроить перечисленное ПО, можно здесь
  2. Затем нужно установить редактор для написания кода. Я выбрал Geany. После установки самого редактора, я нашел много полезных плагинов для него и установил их. Управление плагинами доступно в разделе Инструменты → Менеджер модулей главного меню редактора. Если вам не понравится Geany, вы можете воспользоваться HTML-редактором Bluefish.
  3. Файл-менеджер. Меня заинтересовал Krusader. Он показался мне удобным и привычным, так как очень похож на Total Commander в Windows.
  4. Несмотря на то, что в Krusader возможно устанавливать FTP-соединение, я установил для этих целей отдельную программу. Filezilla — бесплатный FTP-клиент, предназначенный для работы с файлами по FTP. Хорошо, что на сайте программы доступна версия для Linux.
  5. Кроме FPT-клиента при разработке сайтов может пригодиться SSH-клиент. Я установил Putty, которым уже пользовался в Windows. Установка SSH-клиента необязательна, если вы знаете команды Linux, потому что можно работать с сайтом по SSH, используя для этого Терминал.
  6. Для «нарезки макетов» в Kubuntu можно использовать редактор Gimp. На мой взгляд, он не такой удобный и привычный, как Adobe Photoshop, но при верстке макетов послужит полезным инструментом.
  7. Обязательно нужно установить Wine – он понадобится для запуска Windows-приложений.
  8. Браузеры для тестирования верстки сайтов. Стандартный набор браузеров, который я обычно устанавливаю для тестирования верстки: Firefox, Opera, Chrome, Internet Explorer.
    • Firefox – доступен через Muon
    • Opera – можно скачать по ссылке
    • Google Chrome – как установить Google Chrome можно почитать здесь
    • Вместо Internet Explorer можно установить программу IETester и запускать ее через Wine.
    • Safari – версии этого браузера для Linux не существует, но зато есть версия для Windows. Поэтому при необходимости ее также устанавливаем через Wine.
  1. Добавлено 07.04.2015Современному веб-разработчику трудно обойтись без системы контроля версий. Особенно при групповой разарботке какого-нибудь проекта. Среди различных систем контроля версий, нужно выбрать наиболее удобную и подходящую вам. Мне понравился Git. Для установки его в Kubuntu существует следующая команда: sudo apt-get install git Для удобства работы с Git можно взаимодействовать с ним используя приложения с графическим интерфейсом. Примером такого приложения является программа SmartGit
  2. Кроме всех инструментов и приложений, перечисленных выше, современный веб-разработчик использует средства, для работы которых необходимо установить Node.js и npm. К таким средствам относится, например, потоковый сборщик проектов gulp.js или движок шаблонов Jade.
    Все это также можно установить, выполняя команды в окне Терминала. Итак,
    • Node.js и npm
      sudo apt-get install node.js
      sudo apt-get install npm
    • gulp.js – чтобы узнать команду для установки этого инструмента, зайдите на страницу проекта на github. Скопируйте команду для установки и вставьте в окно терминала. Если установить не удается, скорее всего не хватает прав. Это легко исправить, добавив sudo перед командой. sudo npm install --global gulp Подобным образом вы сможете установить и другие инструменты, например, Bower или Jade
    • Jade – установка производится через запуск следующей команды: sudo npm install jade
  3. LESS - является еще одним инструментом, который, вероятно, пригодится при веб-разработке. Установить его можно двумя способами:
    • Командой в Терминале:sudo npm install -g less
    • Воспользовавшись пакетным менеджером Bower, который нужно установить перед установкой LESS. sudo npm install -g bower Кроме того на компьютере должен быть установлен Git. Для установки LESS используйте следующую команду: bower install less

На этом мой список полезных программ и инструментов для веб-разработки в Kubuntu можно завершить. В нем перечислены только основные программы для разработки и, конечно же, он может быть дополнен и расширен. Например, существуют версии сред разработки под Linux. Поэтому, если у вас есть желание и необходимость, вы можете установить NetBeans или Phpstorm. Вообще, каждый разработчик решает для себя сам какими приложениями расширить этот список, чтобы работать было удобно и комфортно, благо что в репозиториях Ubuntu довольно много полезного софта.

Прочитано 8171 раз
Мои услуги

Предлагаю следующие услуги:

  • Верстка шаблона сайта из дизайн-макета для CMS «1С-Битрикс Управление сайтом» и CMS “Joomla”
  • Создание форм различной сложности (обратная связь, анкеты и тп) для указанных CMS
  • Настройка и кастомизация компонентов и модулей для указанных CMS
  • Доработка модулей и компонентов для указанных CMS, добавление нестандартного функционала
  • Разработка лендингов (landing-pages)

По все вопросам обращайтесь через форму обратной связи

Скачать

Предлагаю вашему вниманию:

Наверх