IDE / Editor de Desenvolvimento Web Básico, como o Dreamweaver? [duplicado]

Question

Eu usei o Windows por muitos anos, usando o Dreamweaver como meu editor, pois ele tinha uma árvore de arquivos baseada em um projeto (via Local, FTP ou SFTP).

Eu preciso de um IDE de desenvolvimento para web com a seguinte funcionalidade:

• destaque de sintaxe para PHP, HTML, CSS, JavaScript

• árvore de arquivos - Local, FTP, SFTP, baseado em projeto (por exemplo, através dos métodos de Local / FTP / SFTP) , como o Dreamweaver

• pode abrir vários arquivos (com guias)

Além disso, eu não me importaria com recursos como depuração, listagens de classe, etc., desde que eu possa escondê-los.

    

Answer 1

Mesmo quando adicionei a resposta aceita na pergunta mencionada por @fossfreedom, mais precisamente em Alternativa do Dreamweaver no Ubuntu? , nos comentários da sua pergunta. Devo aceitar que não percebi antes da existência do Aptana Studio .

Eu incluo aqui algumas capturas de tela para você, cobrindo alguns dos pontos de seu interesse.

Destaque de sintaxe para PHP:

Destaque de sintaxe para HTML:

Destaque de sintaxe para CSS:

Destaque de sintaxe para Javascript

Árvore de arquivos ilustrada nestas capturas de tela e nos seguintes exemplos:

Explorador de projetos:

Explorador de aplicativos:

Arquivos com várias guias

ilustrado nas capturas de tela acima.

Tenho notado que há suporte para navegação / gerenciamento de arquivos FTP / SFTP, mas esses são recursos que não uso, por isso não posso fornecer mais detalhes, mas tenho certeza de que você os encontrará no site do Aptana Studio.

Na minha experiência, parei de usar todas essas ferramentas que usei anteriormente para começar a aproveitar esse excelente aplicativo, que supera todas as outras alternativas semelhantes.

Eu sugiro que você tente. É tão fácil quanto baixar e rodar, ou seguir as instruções dos produtores para ter este aplicativo instalado e rodando em seu sistema. Para mim é bom tê-lo dentro da minha pasta pessoal, de onde eu começo clicando duas vezes no ícone do programa. O aplicativo encontrará suas atualizações e fará o download para a pasta apropriada, quando necessário.

Existem várias alternativas, como as mencionadas nas perguntas anteriores, incluindo aquelas que incluem editores WYSIWYG. Mas esta também é uma ótima alternativa.

Boa sorte!

    

Answer 2

Para um software de substituição DW, provavelmente não há nada mais próximo do que o Quanta , que infelizmente se arrasta em muitas dependências do KDE no GNOME padrão área de trabalho.

Enquanto o Kompozer / Nvu permite alternar entre o modo de exibição de código e o WYSIWYG, ambos não possuem alguns recursos do DW, embora definitivamente haja uma boa variedade de recursos para se amar em cada um deles.

Minha plataforma de desenvolvimento favorita é a Bluefish, por seu excelente destaque de sintaxe.

Para um ambiente de desenvolvimento mais completo, há Aptana , Komodo e Eclipse .

Alguns outros que são muito populares, mas não posso recomendar pessoalmente, por não terem trabalhado muito com eles, são Geany e < a Screem

Um amigo meu tem um ótimo artigo sobre desenvolvimento web no linux em seu blog

    

Answer 3

Se você está procurando um editor simples, eu gostaria de gedit + gedit-ftp-browser . O Gedit tem muita extensão e você pode adicionar um navegador de classe, etc ...

Você pode usar, claro, plugins Eclipse +, mas é realmente como usar uma bomba para matar uma formiga.

    

Answer 4

Bem, há um primo mais novo do Adobe Dreamweaver. É chamado Suportes . Ele tem quase os mesmos recursos que o Adobe Dreamweaver e, além disso, recursos novos e incríveis, como a capacidade de extrair dicas de código de um arquivo .psd , e melhor ainda, é gratuito ...: )

Além disso, Colchetes tem um recurso interessante, chamado live preview , pelo qual cada alteração feita em seu arquivo css ou html no o projeto ativo é visualizado instantaneamente em um navegador ao lado:

    

Answer 5

Eu provavelmente teria que recomendar o KompoZer , que é uma versão não-oficial de correção de bugs do aplicativo popular, Nvu .

Para citar a página de recursos do KompoZer :

  

Finalmente, um excelente programa de páginas web da WYSIWYG para o resto de nós! Agora não há necessidade de pagar uma pequena fortuna por um programa para criar e editar páginas da web de excelente aparência, incluindo & gt; recursos de CSS eficientes e fáceis de usar.

     

O KompoZer é um sistema Web de criação completo que combina gerenciamento de arquivos da Web e recursos de edição de páginas da Web WYSIWYG fáceis de usar encontrados no Microsoft FrontPage, no Adobe DreamWeaver e em outros programas avançados.

     

O KompoZer foi projetado para ser extremamente fácil de usar, tornando-o ideal para usuários de computador não técnicos que desejam criar um site atraente com aparência profissional, sem precisar conhecer HTML ou código da Web.

O KompoZer versão 1: 0.8 ~ b3.dfsg.1-0.1 está atualmente disponível nos repositórios do universo nativo e natty .

    

Answer 6

Sua pergunta parece ser um pouco ambígua.

Em primeiro lugar e relacionado à alternativa ao Dreamweaver, eu achei todas as sugestões de todas as outras respostas excelentes, mas ao procurar uma alternativa ao Dreamweaver, o aplicativo mais próximo - para mim - era o Projeto Amaya . O que parece ser mais rico que outras alternativas e um pouco mais sofisticado que o Kompozer.

Uma captura de tela da web oficial está aqui para você ver em ação:

Capturas de tela adicionais podem ser acessadas clicando no link a seguir: link

Você pode achar um pouco instável, ou pelo menos foi para mim, mas também pode atender às suas necessidades.

Depois de jogar com os editores WYSIWYG, eu preferi a codificação direta com o BlueFish, mas não é um editor WYSIWYG.

E sobre as sugestões para o seu problema com o firebug, não posso dizer nada, desculpe.

Por favor, deixe-nos saber como você fez se você der uma chance a Amaya.

Boa sorte!

Editar

Depois de instalar o Amaya, acho que ainda está longe de ser estável, mas de alguma forma parece ter recursos melhores que outros aplicativos, se você considerar que outros softwares são simples editores de texto e o Amaya é como um editor WYSIWYG.

Eu testei o que você disse no seu comentário e achei que o Amaya nem percebeu que algo mudou na estrutura / nome dos arquivos / pastas. O que não se ajusta às suas necessidades relacionadas a isso.

Na próxima tela você pode ver que eu renomeiei a pasta "resources" para "resources1" e o Amaya ainda está mostrando como "recursos" e não há como forçar sua atualização. Mesmo depois de reiniciar o software e carregar o projeto novamente, Amaya não notará isso.

Vou seguir de perto sua pergunta esperando que alguém venha e deixe uma boa alternativa.

Boa sorte!

    

Answer 7

O Kompozer é um recurso decente completo link do html / css, você pode tentar.

    

Answer 8

Texto sublime 3

O Sublime Text existe há algum tempo. Em suma, é um editor de texto puro que tem recursos comparáveis ao TextMate, mas tem uma GUI muito mais fluida e é incrivelmente extensível, que pode melhorá-lo além deles. > apenas um editor de texto.

Como padrão

Fora da caixa, você obtém uma excelente ferramenta de produtividade para editar arquivos de texto, com funcionalidades úteis para tornar a edição de texto um sonho. O destaque da sintaxe é suportado por todos os idiomas populares, e os idiomas menos populares, mas ainda impressionantes, estão disponíveis via ...

Pacotes

O Sublime tem um ecossistema de pacotes em constante crescimento, que usa o Python para criar scripts no editor, tornando possível transformar o Sublime em um IDE completo em vez de apenas um editor de texto padrão.

A beleza por trás do modo como o Sublime faz isso é que você começa com um editor de texto simples e apenas adiciona o que precisa, em vez da abordagem de outros IDEs onde você começa com tudo e é muito lento e confuso aprender .

Você também tem o pacote de controle de pacotes para baixar e instalar pacotes automaticamente a partir do próprio Sublime Text.

Ir para qualquer coisa

Tornar realmente simples chegar a QUALQUER recurso ou arquivo com pesquisas lentas . Se você deseja abrir um arquivo no projeto com um caminho de PageView/RT/Login/_Common.php , basta digitar pvlcom na janela goto anything.

Mudar a sintaxe destacando ou interagindo com um pacote também é possível através da paleta de comandos.

recursos do IDE

Eu uso o Sublime Text 3 para desenvolvimento web, e a comunidade de pacotes tem algo para cada necessidade ... Eu tenho certeza que existem pacotes para outros ambientes também. Aqui está apenas um resumo do que o ST3 me oferece, um desenvolvedor da Web.

• Realce de sintaxe para SASS / SCSS.
• Realce de sintaxe para Behat / Mink.
• Pacote PHPUnit para permitir que os testes de classe sejam executados a partir da própria classe.
• PHP XDebug para percorrer seu código e inspecionar variáveis no tempo de execução.
• Análise do PHP. Exibe erros inline em seu código quando há um erro de sintaxe.

Existem também muitos recursos MySQL do ST3, mas eu tenho outros softwares dedicados para isso, então não olhei para ele.

    

Answer 9

Outro software relevante:

• BlueGriffon
• Amaya
• Aptana Studio

Answer 10

Blue Griffon é um editor independente similar ao Kompozer (ambos vêm do Nvu), mas está em desenvolvimento ativo - ele suporta HTML5 e CSS3 .

Desenvolvedor da Web addon para Firefox oferece suporte para edição ao vivo de CSS e HTML com salvar, no entanto, não é muito robusto (sem realce de sintaxe, etc.).

Para sua pergunta sobre o Firebug, consulte Estouro de pilha .

Note que algumas versões do Dreamweaver podem ser executadas usando o Wine, confira a entrada do Dremweaver no WineHQ .

    

Answer 11

Aqui estão as alternativas:

• Quanta Plus
• Aptana Studio
• Editor do Bluefish

Mas você pode usar qualquer outro editor de texto para editar arquivos como Gedit, vim, etc.

    

Answer 12

Eu uso BlueFish para minha edição de HTML e CSS, mas ele não tem um editor WYSIWYG completo. Infelizmente, não há queda no substituto do Dreamweaver no Linux. Se você tem uma licença, o Dreamweaver é classificado como Silver no WineHQ, então talvez você tenha a sorte de instalá-lo com o Wine, embora eu não possa garantir isso, e você pode ter problemas com a instalação. Você pode verificar os problemas listados no Dreamweaver CS5 em WineHQ .

No que diz respeito ao FireBug, normalmente apenas copio e colo o código editado num gedit e coloco-o onde preciso dele a partir daí.

Outro software inclui:

• Griffon Azul
• Kompozer

Tenho certeza que os outros também. Eu tentei alguns dos WYSIWIG, mas eu ainda não encontrei um que se aproximasse das habilidades do Dreamweaver, embora eu tenha corrido para os limites deles às vezes também.

    

Answer 13

Acho que o gedit é o melhor editor. Porque:

• Luz.
• Possui alta sintaxe.
• Suporta muitas linguagens de programação e HTML diferentes.
• pré-instalado no Ubuntu.

Answer 14

Eu nunca uso nada mais do que apenas o Gedit, que faz tudo certo (eu programo principalmente diretamente; nunca WYSIWYG, te dá um código mais limpo). Mas como dito antes, há também o Bluefish Editor, que é muito bom também. Depois de ter tentado por conta própria, só encontro falhas muito pequenas.

Mas o Kompozer é uma alternativa muito boa, se você preferir os editores WYSIWYG, embora para uma programação mais avançada eu não o recomende.

    

Answer 15

Gedit com plugins é tudo que eu preciso para a maioria das minhas necessidades html.

Seamonkey-compozer que é muito semelhante ao kompozer é um editor WYSIWYG legal. Não tem dependências do kde e está ativamente desenvolvido.

Para PHP e os gostos eu amo bluefish porque ele tem código e realce de sintaxe.

    

Answer 16

Você não indica se prefere um produto gratuito, então sugiro PhpStorm ou WebStorm , ambos da JetBrains. Eles são pagos, mas não são muito caros. O site diz que eles são multi-plataforma; Eu não os experimentei no Linux, mas eles funcionam muito bem no Windows. Eles são IDEs autônomos completos: o primeiro é especializado em desenvolvimento de PHP, enquanto o último é um pouco mais amplo para o desenvolvimento geral da web. Há testes gratuitos disponíveis, então porque não lhes deu uma chance?

** Nenhuma afiliação, apenas um cliente satisfeito!

    

Answer 17

Fora há muita concorrência! Desculpem o que devo dizer, eu sou um entusiasta do Linux, mas o software Linux não vai te levar muito longe. Kompozer e bluegriffon são bons, mas eles vão tornar sua vida mais difícil e você não terá um resultado profissional, então você não irá longe! Desculpa ! Eu não gosto do que vou dizer, mas o Windows é a única solução se você é profissional. Eu não sou fã de dualbooting então eu formatado meu pc com windows não importa como eu os odeio.

O propósito do sistema operacional é ter software disponível para fazer seu trabalho e não inúmeras distribuições.

Se você quer uma página simples, você pode fazer o download gratuito do bluegriffon e comprar o addon de modelos que você achará muito útil !! Além disso, existem inúmeros modelos gratuitos on-line que você pode usar no kompozer para criar sua página da Web com mais rapidez.

PS1: Eu posso mudar de idéia quando o ubuntu 12.04 virá porque eu sou realmente um fã do Ubuntu.
: -)

    

Answer 18

Eu pessoalmente usei o KompoZer para desenvolvimento web desde alguns anos. Eu também projetei o novo site oficial do KompoZer usando o próprio KompoZer.

No entanto, o KompoZer não é atualizado desde há alguns anos. Então eu tenho tentado o BlueGriffon por um tempo. Leva algum tempo para se acostumar com o BlueGriffon, mas é a coisa mais próxima que você pode obter do Dreamweaver. Além disso, para fins de script, uso o Aptana Studio ou o Eclipse.

    

Answer 19

Eu gasto muito tempo para encontrar substitutos, mas é verdade que Quanta, KompoZer e outros são um grande horror contra o Dreamweaver.

Para que você possa fazer do meu jeito, use o Wine for DW e + Firebug + GoogleDeveloperTools.

    

Answer 20

Eu sugeriria o Aptana Studio 3 ou o Titanium Studio. Ambos são da Appcelator. Mais ainda, com o Titanium Studio, você pode criar aplicativos nativos para windows, linux, mac, android e ios.