Qualquer bom editor ou IDE visual de HTML5? [fechadas]

116

Bem, parece que o Dreamweaver CS5 tentará suavizar a coisa do HTML5 por mais alguns anos (semanas, na verdade). Parece que o próximo degrau é direto para o Bloco de Notas!

Alguém conhece um bom editor de HTML5 com inclinação visual / preview / estilo?

Eclipse com algum pluggin?

(Parece que o mercado estará implorando por isso em breve.)

obrigado

...A propósito. Eu sei sobre o 'sem suporte do navegador' ... 'ainda não concluído' .. etc. Isso não é um problema para nós. Estamos fazendo apenas sites Safari e produção de iAd para iPhone ... Então, sabemos o que funciona em nossas implementações. (Estamos principalmente no Windows, a propósito)

ActionFactory
fonte
3
Uau, veja outra questão fechada como "fora do tópico" com 174 mil visualizações e muitas respostas boas! Fico feliz em ver que não é só meu ...
Mrk Fldig

Respostas:

8

Cloud 9 IDE . O armazenamento é nuvem + local, oferece autocompletar, fornece suporte explícito para o desenvolvimento node.js, oferece colaboração em tempo real e você consegue negociar com todas as suas ferramentas mais populares (gcc incluído). Tudo sem ter que abrir nada além do seu navegador.

Eu acho isso muito incrível.

EDITAR Q3 2013 Eu também sugeriria JetBrains WebStorm. Possui preenchimento automático e recursos sólidos de refatoração para HTML5, CSS3, JS. E é muito responsivo.

Engenheiro
fonte
Novo link do IDE do Cloud 9
Menelaos Kotsollaris
39

Sempre gostei do Aptana Studio para desenvolvimento HTML. O Aptana Studio 3 beta suporta as especificações HTML5 mais recentes e é bastante rápido (em comparação com a versão 2). Há uma versão autônoma e uma versão plug-in do Eclipse disponível.
ATUALIZAÇÃO: versão final disponível (mesmo link)

Jan
fonte
1
+1 para Aptana Studio 3 beta. É um bom IDE e é multiplataforma.
Octavian A. Damiean
ATUALIZAÇÃO: fora da versão beta e primeiro lançamento de correção de bug
janeiro
Além do recurso visual / WYSIWYG em tags HTML5, desejo ter um IDE ciente da API HTML5, como a API Web Storage etc., quando digito window <dot>, o preenchimento automático dos objetos sessionStorage e localStorage etc. não aparecem ...
Lee Chee Kiam
Ah, "pug-ins". Puggins daria um ótimo sobrenome. Obrigado pela risada.
Engenheiro em
10

Atualizar

Use o Aptana Studio 3 , ele está atualizado agora.

Você pode escolher

Experimente o Editor Aloha WYSIWYG online

Mas como um desenvolvedor web, eu ainda prefiro o Notepad ++ , ele tem assistentes de código necessários.


Informação desatualizada, por favor, não se refira.


Esta pode ser a resposta final, sim resposta muito tarde, mas certamente vai ajudar alguém
Baixar "Eclipse IDE para Java EE Developers" estável mais recente versão

download Google Plugin para Eclipse.zip
Select o download de acordo com o seu Eclipse Versão
Depois de baixar ( Não descompacte )
Abra o Eclipse
Help > Install New Software > Add > Archive > Select the Downloaded Plug-in.zip
no campo "Nome" digite "Google Plugin" Clique em ok.

Ignore os avisos, após a competição de instalação, reinicie o Eclipse.


Como usar o Plug-in do Google para Eclipse
    Arquivo> Novo> Outro> Web> Projeto da Web estático> Insira o nome do projeto

Criar Novo Projeto da Web


    Criar novo arquivo HTML

Criar novo arquivo HTML


    Nome para index.html

index.html

    Selecione Propriedades do Arquivo HTML

Defina Propriedades para HTML5

    Pressione Ctrl + Espaço

Folha de referências HTML5

da mesma forma, crie um novo arquivo * .css.
Clique com o botão direito do mouse no arquivo css> Propriedades> Configurações de conteúdo da Web> Selecione o perfil CSS3> ok
Pressione CTRL + Espaço
Folha de referências CSS3
Wooo, Sim, comece a codificação.!

VenomVendor
fonte
Não tenho certeza de onde perdi, mas não consigo encontrar "Static Web Project" após instalar o Plug-in do Google para Eclipse. O único novo tipo de projeto é algo sobre o Google App Engine.
Zhao Xiang,
Qual versão do Eclipse você está usando?
VenomVendor
Indigo Service Release 1. Mais tarde, tentei o plug-in Aptana e funciona
Zhao Xiang,
É sempre melhor usar a versão mais recente de qualquer IDE, você pode tentar Juno JEE para melhores resultados
VenomVendor
8

Topstyle 4 é o único que encontrei com suporte a HTML5 (e CSS3). São estágios iniciais, mas funciona o suficiente na maior parte.

Frazor
fonte
7

Como o HTML5 ainda está em desenvolvimento e ainda não tem suporte consistente em nenhum navegador, meu palpite é que ainda levará um bom tempo até você obter um Editor WYSIWYG HTML5.

Enquanto isso, acostume-se a editar sua marcação manualmente em um bom editor de texto como o Notepad ++ ou o TextEdit .

Justin Niessner
fonte
Acho que você quis dizer s / test / text / ..
Tim Post
1
@jordanstephens - Sim. Realmente. TextEdit.
Justin Niessner
@justin Niessner, quero dizer, claro que funciona, eu só não agruparia em uma lista de "bons editores de texto" Cada um com o seu, eu suponho ...
jordanstephens
@jordanstephens só porque o TextEdit não tem todos os recursos sofisticados de alguns outros aplicativos, não significa que não seja bom para editar texto.
Alex Larzelere
Você não está respondendo à pergunta
Kickaha
4

Só para apontar, o HTML5 por si só não está "longe de estar pronto"; na verdade, está praticamente concluído, "considerado pelo Grupo de Trabalho como cumprindo os requisitos relevantes de seu estatuto e todos os documentos de requisitos que os acompanham". Haverá algumas coisas para resolver, e a especificação principal tem alguns complementos que acompanham, mas a maioria está pronta para usar imediatamente, com grande parte estável nos navegadores mais recentes.

Nicholas Wilson
fonte
3

O NetBeans 7 tem bom suporte para HTML5. Anteriormente, eu era um usuário pesado do Eclipse, mas passava mais tempo com o NetBeans para brincar com HTML5 e Servlet.

Samuel Zhang
fonte
2

para solução online tente o editor maqetta e aloha

para solução offline (disponível para download), experimente Blue Griffon

eles são gratuitos :) ah sim, mais um, meu editor favorito :) e editor de jogos também: construct2

deval
fonte
1

Devo questionar se você precisa, especificamente, de um editor capaz de lidar com HTML5. Ainda é HTML. Existem mudanças, sim, mas não tanto se você já estiver familiarizado com HTML4. Suspeito que quase todos os editores capazes de lidar com HTML devem ser capazes de lidar com HTML5 também.

Grant Palin
fonte
1

Supõe-se que o Radrails 3 o tenha, o Aptana Studio 3 o terá. Radrails está em beta, então isso é meio deprimente, mas mesmo assim está lá para dar uma volta.

É multiplataforma também, para nós, não-Windoze.

Sammi Sanders
fonte
1

Fiz pesquisas para isso na escola e como o Justing já disse. A especificação está longe de estar pronta, então provavelmente vai demorar um pouco antes que o HTML5 seja compatível com o editor. Embora os navegadores estejam ocupados implementando as partes da especificação, elas são boas o suficiente para serem usadas.

O melhor que você pode fazer é acompanhar blogs, tutoriais e outros artigos na internet e experimentar desenvolver em HTML5 você mesmo.

EDIT: Acabei de encontrar um plug-in do Visual Studio 2008/2010 aqui

Roubar
fonte
1

HTML Pencil é um editor de HTML online criado para navegadores modernos.


fonte
0

Isso pode não interessar a você, mas apenas adicionar (0 :, eu gosto do IDE VS2008 para edição de html - e ele duplica a diversão se você tiver a barra de ferramentas do desenvolvedor do Internet Explorer (como a do firebug).

KMån
fonte
0

Visual Web Developer Express

AlexanderMP
fonte
2
Isso fornecerá a validação do esquema HTML5, mas você ainda terá que editar a marcação manualmente. Acho que o OP está procurando um editor WYSIWYG ... o que o Visual Web Developer Express não está (para HTML5).
Justin Niessner