Подготовьте Ubuntu (или другой дистрибутив) к веб-разработке

Помимо мифов, убеждений или мнения о том, что GNU / Linux сложен в использовании, я считаю, что это отличная операционная система для разработчиков, особенно для разработчиков. веб-разработчики.

У меня была возможность поговорить со многими людьми, которые предпочитают OS X и даже Windows для разработки, как говорится, из-за его простоты и инструментов, и хотя это очень индивидуальное мнение каждого, я считаю, что любой дистрибутив GNU / Linux или, по крайней мере, самые популярные, предлагает все, что вам нужно для установки и Работа.

[quote] Самые популярные дистрибутивы предлагают все необходимые пакеты в своих репозиториях для веб-разработчика. [/ quote]

Теперь по вопросу разработки возникает дилемма, это очень обновленный дистрибутив вроде Antergos или тот, который поддерживает баланс между стабильным и актуальным, поскольку Ubuntu?

Я привел очень простой пример, а в Убунту Надежный последняя версия Netbeans 7.0.1, в ArchLinux доступна версия 8.0.2. То же самое происходит с NodeJS и другие пакеты, которые мы увидим ниже, которые широко используются Внешний интерфейс.

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

Установите Ubuntu 14.04

Первое, что мы сделаем, это загрузим установочный образ Ubuntu с официального сайта. Ссылка ниже позволит вам выбрать, загружать 32-битный или 64-битный ISO-образ.

Скачать Ubuntu

После того, как мы его загрузим, мы должны «записать» DVD с загруженным ISO-файлом или подготовить флэш-память для загрузки и установки с него. В Windows мы можем сделать это, выполнив это руководство и на Mac Этот другой. Как только это будет сделано, мы перезагружаем компьютер и запускаем через память или DVD.

Шаги установки Ubuntu 14.04

Если вы не знаете, как установить Ubuntu без потери данных, вы можете установить его с помощью виртуальной машины в VirtualBox или сделать резервную копию всех ваших данных в безопасном месте, если это возможно, на внешний диск.

Первым делом нужно выбрать язык, на котором мы хотим установить Ubuntu:

Разработчики Ubuntu

Позже мы увидим, есть ли у нас все необходимые требования для установки:

Ubuntu_Development2

Позже мы перейдем к разделению жесткого диска. Если у вас нет опыта в этом, желательно оставить все по умолчанию после того, как вы создадите резервную копию своих данных.

Ubuntu_Development3

Выбираем часовой пояс:

Ubuntu_Development4

Выбираем язык нашей клавиатуры:

Ubuntu_Development5

Мы определяем наше имя пользователя, имя нашего компьютера, наш пароль:

Ubuntu_Development6

И ждем его окончания:

Ubuntu_Development7

После завершения установки мы перезагружаем компьютер и входим в наш сеанс. Мы можем запустить диспетчер обновлений или открыть терминал и поставить:

$ sudo apt update && sudo apt upgrade

А если обновлять нечего, можно начинать.

Подготовка нашего рабочего места к тестированию

Итак, поскольку мы разработчики, мы хотим сосредоточиться только на том, что умеем делать: развивать. Нас не интересует, как настроить веб-сервер или как работает база данных, нам просто нужно что-то, что работает и легко реализуется, чтобы начать писать код.

Если бы нам нужно было писать только на HTML, CSS, JS, все было бы проще, но иногда у нас должен быть тестовый сервер для кода на PHP, Ruby, DJango и т. Д. Поэтому лучше всего настроить наш собственный веб-сервер. К счастью для нас, у нас есть две возможности:

  1. Использование установщика XAMPP что дает нам апаш.
  2. Используя ЛАМПА Битнами.

Установка Bitnami

Установка LAMP через Bitnami мы уже видели это в предыдущей статье, поэтому нет необходимости рассматривать его в этой статье. После установки Bitnami мы можем управлять нашим тестовым сервером через веб-браузер.

Bitnami

Всю необходимую документацию о том, как работает Bitnami, можно найти на его вики.

Установка XAMPP

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

XAMPP 32 бит
XAMPP 64 бит

После загрузки мы открываем терминал и получаем доступ к папке, в которой находится файл, которому мы дадим разрешения на выполнение. В случае 64-битного файла это будет:

$ sudo chmod a+x xampp-linux-x64-5.5.19-0-installer.run

Теперь в том же терминале выполняем:

$ sudo ./xampp-linux-x64-5.5.19-0-installer.run

И мы делаем следующие шаги.

Желательно принять все как есть по умолчанию, для этого нам нужно только указать Enter

XAMPP

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

xampp1

Теперь он запрашивает путь, по которому мы хотим установить (по умолчанию он находится в / opt / lampp), и хотя мы можем его изменить, я рекомендую оставить его как есть.

xampp2

Еще один шаг проверки перед началом установки

xampp3

Установка XAMPP

xampp5

Установка завершена.

xampp6

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

$ sudo / opt / lampp / lampp start Запуск XAMPP для Linux 5.5.19-0 ... XAMPP: Запуск Apache ... ок. XAMPP: Запуск MySQL ... хорошо. XAMPP: Запуск ProFTPD ... ок.

Таким образом, у нас уже работает наш сервер Apache + MySQL + PHP + Perl. Если у вас возникла проблема, рекомендую вам посетить FAQ.

Пользовательский DNS и виртуальный хост с XAMPP

Предполагая, что у нас есть несколько сайтов, размещенных на нашем тестовом сервере, мы можем настроить каждый из них для просмотра локально в файле / Etc / хостов. Возьмем пример, допустим, у нас есть сайт dev.tests.com, мы открываем файл / Etc / хостов с помощью нашего любимого текстового редактора (и как root) и добавьте его следующим образом:

$ sudo vim /etc/hosts

и добавляем строку:

127.0.0.1   dev.prueba.com

Но, конечно, этого недостаточно, потому что мы должны сказать Apache, что когда кто-то делает запрос к dev.test.com Для 127.0.0.1 вы должны вернуть наш тестовый сайт.

Редактируем файл /opt/lampp/etc/httpd.conf

$ sudo vim /opt/lampp/etc/httpd.conf

и раскомментируйте (убрав знак фунта) строку, в которой говорится:

# Include etc/extra/httpd-vhosts.conf

и оставляем так:

Include etc/extra/httpd-vhosts.conf

Теперь переходим к файлу /opt/lampp/etc/extra/httpd-vhosts.conf у которого должно быть что-то вроде этого:

# использовать только виртуальные хосты на основе имен, поэтому серверу не нужно беспокоиться об # IP-адресах. Это обозначено звездочками в приведенных ниже директивах. # # См. Документацию по адресу # # для получения дополнительных сведений, прежде чем пытаться настроить виртуальные хосты. # # Вы можете использовать опцию командной строки '-S' для # проверки конфигурации вашего виртуального хоста. # # Пример VirtualHost: # Практически любая директива Apache может быть помещена в контейнер VirtualHost. # Первый раздел VirtualHost используется для всех запросов, которые # не соответствуют ServerName или ServerAlias ​​в каком-либо блоке. # ServerAdmin webmaster@dummy-host.example.com DocumentRoot "/opt/lampp/docs/dummy-host.example.com" ServerName dummy-host.example.com ServerAlias ​​www.dummy-host.example.com ErrorLog "журналы / dummy -host.example.com-error_log "CustomLog" журналы / dummy-host.example.com-access_log "общие ServerAdmin webmaster@dummy-host2.4.example.com DocumentRoot "/opt/lampp/docs/dummy-host80.example.com" ServerName dummy-host80.example.com ErrorLog "logs / dummy-host2.example.com-error_log" CustomLog "журналы / dummy-host2.example.com-access_log" общий

Модифицируем его и оставляем так:

# использовать только виртуальные хосты на основе имен, поэтому серверу не нужно # беспокоиться об IP-адресах. На это указывают звездочки в приведенных ниже директивах. # # См. Документацию по адресу # # для получения дополнительных сведений, прежде чем пытаться настроить виртуальные хосты. # # Вы можете использовать опцию командной строки '-S' для # проверки конфигурации вашего виртуального хоста. # # Пример VirtualHost: # Практически любая директива Apache может быть помещена в контейнер VirtualHost. # Первый раздел VirtualHost используется для всех запросов, которые # не соответствуют ServerName или ServerAlias ​​в каком-либо блоке. # DocumentRoot "/ home / path / folder / project /" ServerName my_blog.dev Требовать все предоставлено

Очевидно, что путь к нашей папке проекта нужно указать при замене "/ Главная / путь / папка / проект /".

Ручная установка ЛАМПЫ

Теперь, хотя это может показаться не так, я думаю, что выполнить установку предыдущим способом сложнее, чем устанавливать пакеты непосредственно из наших репозиториев. Чтобы иметь такой же стек на нашем ПК, нам просто нужно открыть терминал и поставить:

$ sudo apt install apache2 mysql-server-5.5 phpmyadmin

Только с этими 3 пакетами будут установлены необходимые зависимости, чтобы начать работу с минимумом, необходимым при разработке.

Пользовательский DNS и виртуальный хост с LAMP

Со стороны DNS (Domain Name Server) мы сохраняем все то же самое, то есть добавляем имена наших тестовых сайтов в файл / Etc / хостов. Теперь, в случае Apache, путь VHost (виртуальных хостов) другой.

Обычно делается то, что мы помещаем в файл /opt/lampp/etc/extra/httpd-vhosts.conf в пути /etc/apache2/sites-available/vhostname.conf, а затем создается символическая ссылка на этот файл в папке / и т.д. / apache2 / сайты-включены / но мы не собираемся усложнять. Мы напрямую поместим файл в / и т.д. / apache2 / сайты-включены / со следующей конфигурацией:

$ sudo vim /etc/apache2/sites-enabled/dev.pruebe.com.conf DocumentRoot "/ home / path / folder / project /" ServerName my_blog.dev Требовать все предоставлено

Я думаю, уместно уточнить, что при установке вручную путь к папкам веб-сайта по умолчанию / var / www / http /.

Установка NodeJS и Ruby

Если мы используем NodeJS o рубин (вместо PHP и Perl) мы можем вручную установить пакеты, запустив в консоли:

$ sudo apt install nodejs ruby

И если им нужны еще пакеты, им просто нужно найти их, запустив диспетчер пакетов или в консоли:

$ sudo apt search paquete a buscar

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

Инструменты веб-разработки

В репозиториях есть несколько приложений, которые позволят нам комфортно работать с HTML, CSS, JS и другими. Среди них есть:

  • голубая рыба
  • Geany
  • Gedit
  • Кейт

являющийся СиняяРыба (на мой взгляд) наиболее полный, когда дело касается работы Внешний интерфейс, но я рекомендую устанавливать сторонние приложения, которые предлагают нам гораздо больше возможностей. У нас например Кронштейны, возвышенный текст o Комодо-Править. Все эти приложения имеют свой собственный установочный пакет для Ubuntu, за исключением Komodo-Edit, который нужно только распаковать и запустить файл .sh.

(… в процессе …)


Содержание статьи соответствует нашим принципам редакционная этика. Чтобы сообщить об ошибке, нажмите здесь.

32 комментариев, оставьте свой

Оставьте свой комментарий

Ваш электронный адрес не будет опубликован.

*

*

  1. Ответственный за данные: Мигель Анхель Гатон
  2. Назначение данных: контроль спама, управление комментариями.
  3. Легитимация: ваше согласие
  4. Передача данных: данные не будут переданы третьим лицам, кроме как по закону.
  5. Хранение данных: база данных, размещенная в Occentus Networks (ЕС)
  6. Права: в любое время вы можете ограничить, восстановить и удалить свою информацию.

  1.   Данхантер сказал

    Кто-нибудь еще видит летучую мышь-призрак на изображении козла из этой версии ubuntu?

    1.    Elav сказал

      Хахаха это правда .. глядя только на рыжую бороду и впадины морды 😀

    2.    Иван Барра сказал

      Теперь, когда вы упомянули об этом… это называется «Парейдолия».

      О том, какие дистрибутивы выбрать при программировании, довольно сложно. «Раньше» он разрабатывался для пары браузеров и вуаля, потому что разработка шла намного медленнее. Сегодня существует бесконечное количество браузеров и платформ для разработки WEB-приложений, назовите их ASP.Net, PHP, JAVA и т. Д. там, где приложения гораздо более сквозные, я имею в виду, что они не только доступны с обычных настольных или портативных компьютеров, но они уже созданы (и требуются те же функции) с планшета, мобильного телефона и т. д.

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

      Другой. Давайте будем честными: хорошо известно, что большинство программистов (по крайней мере, тех, кого я знаю), будь то веб, JAVA, BB.DD и т. Д., По крайней мере 80% используют платформу Unix для программирования. Людям, которым без всех инструментов, которые предлагаются на платформе, открыто и бесплатно, было бы очень сложно двигаться вперед. Также могу точно сказать, что практически вся WEB платформа, или BB.DD. он установлен на сервере Unix, поэтому не логично ли, чтобы другая часть работала таким же образом?

      Спасибо, что поделились и приветствовали.

    3.    Бэтмен сказал

      Заткнись ... я Бэтмен!

    4.    Neysonv сказал

      Похоже на сову мне, лол

      1.    Elav сказал

        Правильно .. здесь мы думаем то же самое, посмотрев снова

  2.   Хьюго Сантос сказал

    Я веб-разработчик, в основном PHP, я использую Debian в качестве рабочей среды в течение нескольких лет, как упоминалось в сообщении, решение о том, какой дистрибутив использовать, зависит от каждого человека, и в области разработки Linux, если он предоставляет большой количество инструментов, облегчающих жизнь.

    Просто в качестве комментария я видел во многих местах, что некоторые разработчики устанавливают XAMPP, LAMP и / или тому подобное, в Linux это не обязательно, поскольку мы помним, что apache является родным для Linux, например, я устанавливаю только apache2 и php5 на моем Debian с типичным (aptitude install apache2 php5) и вуаля, мне больше не нужно делать ничего, кроме как поместить свои проекты в / var / www

    1.    Elav сказал

      Правильно, что получилось, я попытался сделать это "легко", хотя в посте упоминаю два метода 😉

    2.    Tecno-Integra Автоматизация сказал

      С уважением. Мне кажется нормально, что вы устанавливаете apache2 и php5, но я чувствую, что вам нужно будет установить mysql, а также Как настроить phpmyadmin? Спасибо.

  3.   Маркос_тукс сказал

    Давайте будем честными, несмотря на усилия, которые Dreamweaver передает всем этим программам, жаль, но в Linux у нас нет чего-то такого же, что и у этой программы Adobe.

    1.    элиотайм3000 сказал

      Да, есть (частично), он называется Brackets и также учитывает Vim и Emacs. : v

    2.    Этот мусорный контейнер называется Dreamweaver сказал

      Разумеется, добавление мусора в код, который Dreamweaver проходит мимо всех

    3.    Эрнан сказал

      Dreamweaver больше подходит для дизайнеров, чем для программистов, для людей, которые работают с кодом, он слишком громоздкий и медленный. Намного удобнее использовать такую ​​программу, как возвышенный текст, скобки или webStorm / phpStorm. Когда я использовал Dreamweaver, у меня возникали проблемы, оставив свой код готовым, я переходил в режим проектирования, где, если я ставлю точку или перемещаю что-то, Dreamweaver позаботится о полном дизассемблировании моего кода, который я оставил таким аккуратным. Нельзя сказать, что это оплата. У меня есть друзья-дизайнеры, и для них это просто фантастика, поскольку они могут создать страницу, не написав ни единой строчки кода.

      1.    Эдуар сказал

        лещник Хахаха, я никогда не научусь этому, если ты научишься стричь

    4.    КЗКГ ^ Гаара сказал

      Dreamwho?… Бафф, приятель, Artisteer, Dreamweaver, все это чистая чушь, извините за такое, но это правда.

      Они помещают семьсот строк мусорного кода, множество тегов или целей, которые не нужны и т. Д. И т. Д.

      Скобки, Sublime, с любым из них более чем достаточно для выполнения любой работы CSS.

    5.    kdexneo сказал

      Aptana Studio 3 намного лучше Dreamweaver.

    6.    Elav сказал

      Что ты сказал? Ткач снов? И такооооооооооооооооо?

    7.    Шерпа90 сказал

      Надеюсь, вы видите весь мусорный код, который генерирует вас ... Dreamweaver предназначен для НЕПРОФЕССИОНАЛОВ, точка!

  4.   Хазама сказал

    Сенсационный пост, правда
    Поздравляю

    1.    Elav сказал

      Грасиас 😉

  5.   Петерчеко сказал

    Ваша информация очень полезна ... Спасибо. Собираетесь ли вы вернуться в воды Ubuntu / Debian?

    1.    КЗКГ ^ Гаара сказал

      ХАХА, в его сердце всегда есть место для Debian, но… Ubuntu, я так не думаю, хе-хе

      1.    Петерчеко сказал

        Никогда не знаешь 😀 😀

    2.    Elav сказал

      Хотя никогда не следует говорить НИКОГДА, я действительно не думаю, что вернусь к Debian надолго, надолго.

  6.   Цельсия сказал

    Бедный кот никому это не нужно.

    1.    Elav сказал

      Кому нужна Java? 😛

  7.   Габриель сказал

    Я думаю, что темы сбиваются с толку (опять же), есть вы, только дизайнеры, другие, только программисты, есть и то, и другое, есть те, кто считает winbug «простым», потому что они устанавливаются следующим образом и «все готово» (подразумевая что они могут работать или не работать с проприетарным и / или лицензионным программным обеспечением), есть те, кто немного более продвинутый (и «храбрый»), а также знает о Linux и обычно работает с инструментами, которые они находят между ними, и, следовательно, долгое время и т. д., поскольку мы делимся в этом блоге, идея состоит в том, что кто-то разрабатывает gnu-línux независимо от того, какой это дистрибутив, и поэтому используются инструменты с открытым исходным кодом, основная проблема (я думаю) заключается в том, что это зависит от каждого человека, есть инструменты, которых мы даже не знаем, но когда мы хотим научиться, нам нужно потратить несколько часов, пока мы их не дадим, и если мы чувствуем себя комфортно (независимо от того, что думают другие), мы будем счастливы !! (:

    1.    Rlsalgueiro сказал

      вы также можете скачать версию для php5.6.3
      http://downloads.sourceforge.net/project/xampp/XAMPP%20Linux/5.6.3/xampp-linux-x64-5.6.3-0-installer.run
      http://downloads.sourceforge.net/project/xampp/XAMPP%20Linux/5.6.3/xampp-linux-5.6.3-0-installer.run
      Это зависит от того, что вы разрабатываете, или совместимости, которая вам нужна, чтобы сохранить версию 5.5, я просто устанавливаю пакеты, которые есть в репо, и все, у меня есть apache 2.4, php5.5.13 и т. Д., А также другие библиотеки, такие как phpcs, легко install, ясно, что мне нравится оболочка, и я предпочитаю устанавливать и настраивать все, что могу.

      1.    Rlsalgueiro сказал

        Вы видели этот проект wpn-xm.org, было бы интересно добиться чего-то подобного для linux, я говорю интегрированный, потому что я использую некоторые из этих инструментов, и я с сожалением должен сказать, что, несмотря на большое количество библиотек и почти все хостинги смонтированы на Apache, который я заменил на nginx. Я обнаружил, что wpn-xm ищет альтернативы LAMP и XAMPP, и он хорош для рабочей машины.Это, несомненно, хорошая альтернатива. кстати извините за мой предыдущий комментарий к W $ + chrome

  8.   Рауль Казари сказал

    Ваш вклад очень интересен, продолжайте его развивать, его ценят

  9.   Майкл Кардоза сказал

    Здравствуйте, я новичок в Ubuntu, я всегда использовал окна, но я хочу перейти в среду Linux с помощью Ubuntu, но когда я хочу создавать папки или помещать файлы в htdocs, как в Windows, это не позволяет мне или есть некоторые вещи это по индивидуальному заказу в окнах я мог бы сделать, но в Ubuntu я не могу заставить его сильно блокировать или он не позволяет мне вносить изменения, если я использую возвышенное для создания файлов в htdocs, это тоже не позволяет мне, если вы может мне помочь, я был бы признателен.

  10.   Мон- сказал

    Кто-нибудь может мне помочь?
    Много лет назад я прошел небольшой курс веб-дизайна, и мне он понравился, и хотя мне дали программы для Windows, они никогда не разрешили мне их установить.
    Несколько месяцев назад я наконец смог перейти на Linux Ubuntu и не могу найти никаких программ.
    Помню, что в курсе я посмотрела три программы
    Dreamweaver, Flash MX и еще один, предназначенный для ретуши фотографий, но я не могу вспомнить название.
    Не могли бы вы указать веб-сайты или маршруты загрузки, чтобы установить эквивалент того, что я видел в курсе?
    приветствия
    Спасибо.

bool (истина)