Montando um ambiente de desenvolvimento web no Ubuntu 10.04

Há cerca de um mês, resolvi definitivamente pôr fim ao hábito de usar o Windows, e instalar o Ubuntu.

O meu maior problema era montar um ambiente de desenvolvimento web eficiente, que pudesse de fato substituir o pacote Dreamweaver + Fireworks, que utilizo há anos. Já tentei anteriormente, e não consegui me adaptar com as opções disponíveis até então no Linux.

Porém, como já fazia cerca de 2 anos dessa tentavia, resolvi fazer uma nova experiência para ver o que há de novo tanto na versão atual do Ubuntu (10.04, ou LucidLynx), quanto nos softwares disponíveis para ele.

Após a instalação(muito fácil e rápida, por sinal), já me agradei bastante com as novas opções de integração com redes sociais que o Ubuntu 10.04 traz. É possível configurar Twitter, FlickR, Digg, GTalk, dentre outros, como vocês podem conferir no screenshot abaixo:

Outra grande evolução do Ubuntu 10.04, e que por sinal o coloca numa posição extremamente privilegiada em relação ao Windows, é o Ubuntu Software Center, que me fez lembrar muito a App Store da Apple. Através dessa aplicação nativa, você navega e instala programas com a facilidade de um clique.

Bom, após essas boas impressões iniciais, deu pra ter certeza que o S.O é ótimo e até superou minhas expectativas. Agora era uma questão de softwares, para poder montar o ambiente de trabalho ideal.

Pra começar, instalei o Google Chrome pra Linux, porque não curto o Firefox. Pra isso, precisei baixar no site o .deb, depois foi só dar dois cliques, e o xxx de pacotes já instalou pra mim. Nenhum trabalho até agora!

Então, hora de instalar o servidor web Apache+PHP+MySQL. Pelo terminal:

sudo apt-get install apache2 libapache2-mod-php5

E depois o mysql:

sudo apt-get install mysql-server-5.1 php5-mysql

Também não foi nem um pouco trabalhoso pra quem é do tempo em que tínhamos de usar ./configure (cheio de opções macabras), make e make install.
Depois de deixar o servidor web pronto, comecei a busca por um bom editor que comportasse PHP/Xhtml/Css/Javascript. Para não deixar a desejar em relação ao Dreamweaver, o editor que eu procurava precisava de:

  • Syntax Highlight eficiente para PHP,Xhtml,Css e Javascript
  • Autocompletar para funções PHP
  • Autoclose para tags xhtml
  • FileBrowser integrado

Estas caraterísticas aceleram bastante a escrita dos meus códigos, e por essa razão são essenciais para não baixarem a minha produtividade após uma migração de SO e softwares. Experimentei os seguintes editores: GEdit, GVim,  SCite, Bluefish e Amaya (o editor da W3C). Os resultados foram frustrantes, nenhuma dessas opções corresponderam às minhas expectativas.

Então eu resolvi testar um outro editor que não parecia ser conhecido: o Geany (http://www.geany.org/), descrito como “a fast and lightweight IDE using gtk2″. Não criei expectativas, mas após a instalação, comecei a testá-lo e vi que era exatamente o que eu queria. Leve, com suporte a plugins e criação de projetos, ele foi até melhor do que eu esperava, com alguns recursos que não existem no Dreamweaver – por exemplo, o autocompletar dele reconhece também métodos e variáveis de classe disponíveis no escopo do código atual.

Ativei o plugin FileBrowser que já vem nele, e posso dizer que está sendo perfeito para mim. Existem outros plugins interessantes disponíveis no site oficial do Geany, como o que faz a integração entre o editor e ferramentas de controle de versão como o Git.

O Geany ainda está na versão 0.19, porém já supera muitos outros editores consagrados existentes no mercado, com as seguintes funcionalidades (copiei do site oficial):

  • Syntax highlighting
  • Code folding
  • Symbol name auto-completion
  • Construct completion/snippets
  • Auto-closing of XML and HTML tags
  • Call tips
  • Many supported filetypes including C, Java, PHP, HTML, Python, Perl, Pascal and more
  • Symbol lists
  • Code navigation
  • Build system to compile and execute your code
  • Simple project management
  • Plugin interface

No site oficial do Geany vocês podem conhecer maiores detalhes do projeto: http://www.geany.org

Espero que ajude alguém! =D Pra mim, esse editor (Geany) foi a melhor descoberta dos últimos tempos.

, , , ,

19 Responses to “Montando um ambiente de desenvolvimento web no Ubuntu 10.04”

  1. Flavio Mendes 17 de junho de 2010 at 20:14 # Responder

    Três #haggeanos na timeline da imagem! RT: @erikaheidi: Montando um ambiente de desenvolvimento web no Ubuntu 10.04 – http://bit.ly/cN3GtI

    • Allysson Harry 18 de dezembro de 2011 at 15:29 # Responder

      Muito Bom Mesmo essa IDE… já havia usado…

      Erika, assim como muitos tutoriais… vale apena lembrar que a pasta do servidor local ‘www’ fica protegida pelo sistema e tem

    • Allysson Harry 18 de dezembro de 2011 at 15:34 # Responder

      Muito Bom Mesmo essa IDE… já havia usado…

      Erika, assim como muitos tutoriais… vale lembrar que a pasta do servidor ‘www’ é protegida por padrão

      Então não tem como criar arquivos lá… ah não ser que você desbloquei ela atarves do terminal ou outros métodos.
      ai vai uma dica após instalar o apache:

      $ sudo chmod 777 -R /var/www

      Abraços … e gostei do blog!

  2. José Carlos Araújo 17 de junho de 2010 at 20:19 # Responder

    eu e meu clone alí do lado no print :D @erikaheidi: Montando um ambiente de desenvolvimento web no Ubuntu 10.04 – http://bit.ly/cN3GtI

  3. hugo reinaldo 17 de junho de 2010 at 20:25 # Responder

    RT @erikaheidi: Montando um ambiente de desenvolvimento web no Ubuntu 10.04 – http://bit.ly/cN3GtI

  4. Vinicius 18 de junho de 2010 at 7:28 # Responder

    Oi Erika! Passei pela mesma situação que você. Há anos relutava para adotar o Ubuntu como SO oficial, principalmente pelas ferramentas utilizadas. E posso dizer com toda certeza que não me arrependi, e não sinto um pingo de falta do win 7 :-)

    Em relação à IDE, fui direto ao ponto. Como não tinha tempo pra testar outras alternativas, instalei logo o Eclipse. Até agora, deu pra quebrar o ganho nos projetos desenvolvidos em Php. Vamos ver como ele atende nos projetos em ruby.

    Ah! Parabéns pelo blog ;-)

  5. gpr.ppg.br 6 de agosto de 2010 at 11:50 # Responder

    ola erika focke,

    gostei do programa,
    apesar de eu estar procurando
    algo como o amaya.
    algo com wysiwyg.
    pois,
    no momento meu amaya esta travando : – (

    abraços,
    gpr.

  6. Paulo (Infodias) 20 de dezembro de 2010 at 18:52 # Responder

    Não conhecia, vou baixar para testar.

  7. Rogerio 7 de fevereiro de 2011 at 0:49 # Responder

    Olá, posso sugerir duas ferramentas muito boas? Aptana e Komodo Edit (este mais voltado para python/django)

  8. Wagner Roth 17 de fevereiro de 2011 at 19:12 # Responder

    Ola!

    Parabéns pela iniciativa, muito bom seu post. Também utilizo o Ubuntu 10.04 e estou fascinado, extremamente eficaz, bem como vc citou. Porém para edição e trabalho com PHP, estou utilizando o Netbeans (que a meu ver não perde em nada para o Geany e ainda tem muito mais cancha). A versão 6.9 está “de cair o queixo”, ainda mais quando vc o incrementa com os inúmeros plugins existentes.

    Bom, mas isso é um gosto do desenvolvedor. Mais uma vez parabéns pela iniciativa.

    • erika 17 de fevereiro de 2011 at 20:11 # Responder

      Oi Wagner, obrigada por contribuir! Eu ainda não testei o Netbeans, mas adorei a dica, vou experimentar com certeza.
      Abraços, e mais uma vez obrigada!

      • Wagner Roth 18 de fevereiro de 2011 at 11:11 # Responder

        Ola! Contribuição nesse maravilhoso mundo Linux/openSourse é o que mais temos a fazer. Vou te deixar meu bolg (pra quando quiseres ver algumas coisas interessantes).
        http://universomidiatico.blogspot.com

        Sinta-se a vontade!

        Abraços.

  9. Evandro Ribeiro 22 de julho de 2011 at 7:42 # Responder

    Erika, ótimo post. uma coisa que não falou foi sobre a solução que deu para editor de imagem. Qual está usando?

    • erika 31 de julho de 2011 at 13:06 # Responder

      bom, pra editor de imagem é sempre um problema… o Gimp dá pra quebrar um galho, mas ainda não encontrei um editor realmente bom pra o Linux. Eu uso uma virtualbox com o windows pra rodar o fireworks :/

      • Renan fernandes 16 de dezembro de 2011 at 18:22 # Responder

        Eu consigo fazer tudo que fazia no PS e FW om o Gimp e sinceramente não sinto nenhuma falta dos anteriores. É tudo questão de usar os plugins certos, e costume claro.

Trackbacks/Pingbacks

  1. Manual do programador inexperiente - 13 de setembro de 2010

    [...] Windows), que já vem com PHP + Apache + MySQL + PhpMyAdmin. Se você usar Linux (Ubuntu), veja nesse artigo como preparar um bom ambiente de desenvolvimento para PHP [...]

  2. Tweets that mention Montando um ambiente de desenvolvimento web no Ubuntu 10.04 | Erika Heidi -- Topsy.com - 21 de fevereiro de 2011

    [...] This post was mentioned on Twitter by Erika Heidi Focke and Linux, Gilberto Marques. Gilberto Marques said: Para Dev's Web iniciante em linux recomendo o post http://bit.ly/f3qmBu , do blog da @erikaheidi, conteúdo útil de qualidade. #geany rulez! [...]

  3. Quero aprender PHP (ou outra linguagem web) sozinho, e agora? O passo a passo | Erika Heidi - 30 de junho de 2011

    [...] tutorial que fiz para o Ubuntu Lucid Lynx tem passo a passo como montar o ambiente WEB: Montando um ambiente de desenvolvimento web no Ubuntu 10.04 (apesar de ser para a versão anterior do Ubuntu, o tutorial continua [...]

  4. 10 passos para começar a desenvolver para web - 14 de novembro de 2011

    [...] Um computador com Windows ou Mac OS X (ou Linux, basta preparar o ambiente de desenvolvimento); [...]

Deixe um Comentário