İyi, görsel bir HTML5 Düzenleyici veya IDE var mı? [kapalı]


116

Görünüşe göre Dreamweaver CS5, HTML5 olayını birkaç yıl daha (aslında haftalar) daha düzgün hale getirmeye çalışacak. Görünüşe göre bir sonraki basamak Not Defteri'ne doğru!

Görsel / önizleme / stil eğilimi olan iyi bir HTML5 düzenleyicisi bilen var mı?

Biraz pluggin ile tutulma?

(Görünüşe göre piyasa yakında bunun için yalvaracak.)

Teşekkürler

...Bu arada. 'Tarayıcı desteği yok' ... 'henüz bitmedi' ... vb. Hakkında bilgi sahibiyim. Bu bizim için bir sorun değil. Yalnızca Safari web siteleri ve iPhone iAd'ın tek üretimi yapıyoruz ... Yani uygulamalarımızda neyin işe yaradığını biliyoruz. (Bu arada çoğunlukla Windows kullanıyoruz)


3
174K görüntüleme ve çok sayıda iyi cevapla başka bir soru "konu dışı" olarak kapatılmış durumda! Bunun sadece benim olmadığına sevindim ...
Mrk Fldig

Yanıtlar:


8

Bulut 9 IDE . Depolama, bulut + yereldir, otomatik tamamlama sunar, node.js geliştirme için açık destek sağlar, gerçek zamanlı işbirliği sunar ve tüm en popüler araçlarıyla (gcc dahil) anlaşmaya dahil olursunuz. Tarayıcınızdan başka bir şey açmanıza gerek kalmadan.

Bence bu Oldukça Harika.

2013'ün 3. çeyreğini DÜZENLE JetBrains WebStorm'u da öneririm. HTML5, CSS3, JS için otomatik tamamlama ve katı yeniden düzenleme özelliklerine sahiptir. Ve çok duyarlı.



39

HTML geliştirme için Aptana Studio'yu her zaman sevmişimdir. Aptana Studio 3 beta , en son HTML5 özelliklerini destekler ve oldukça hızlıdır (sürüm 2'ye kıyasla). Bağımsız ve Eclipse pug-in sürümü mevcuttur.
GÜNCELLEME: Son sürüm mevcut (aynı bağlantı)


1
Aptana Studio 3 beta için +1. Oldukça güzel bir IDE ve çapraz platform.
Octavian A. Damiean

GÜNCELLEME: Şu anda beta ve birinci Bugfix-salımı Out: aptana.com/products/studio3/releasenotes
Jan

HTML5 etiketleri üzerinde görsel / WYSIWYG özelliğinin yanı sıra, IDE'ye Web Depolama API'si vb. Gibi HTML5 API'lerinin farkında olmasını istiyorum, pencere <dot> yazdığımda, sessionStorage ve localStorage vb. Nesne otomatik tamamlama görünmüyor ...
Lee Chee Kiam

Ah, "pug-in". Puggins harika bir soyadı olurdu. Güldüğün için teşekkürler.
Engineer

10

Güncelleme

Aptana Studio 3'ü kullanın , şimdi yükseltildi.

Ya seçebilirsiniz

Çevrimiçi Aloha WYSIWYG Editörünü deneyin

Ancak bir web geliştiricisi olarak hala Notepad ++ ' ı tercih ediyorum , gerekli kod yardımlarına sahip.


Güncel olmayan bilgiler, lütfen bakmayın.


Bu geç cevap, evet çok geç cevap olabilir, ama mutlaka birisi yardımcı olacaktır
İndir "Java EE Geliştiriciler için Eclipse IDE" Son Kararlı Sürüm

İndir Eclipse.zip için Google Eklentisi
Select göre indirme senin Eclipse Versiyon
sonra indiriliyor ( değil fermuarı açar do ) "Ad" alanında
Eclipse'i açın
Help > Install New Software > Add > Archive > Select the Downloaded Plug-in.zip
"Google Eklentisi" girin Tamam'ı tıklayın.

Kurulum Tamamlandıktan Sonra Uyarıları Yoksay, Eclipse'i Yeniden Başlatın.


Eclipse Dosyası için Google Eklentisi nasıl kullanılır
    > Yeni> Diğer> Web> Statik Web Projesi> Proje adını girin

Yeni Web Projesi Oluşturun


    Yeni HTML Dosyası Oluşturun

Yeni HTML Dosyası Oluşturun


    İndex.html için isim

index.html

    HTML Dosyasının Özelliklerini Seçin

Özellikleri HTML5'e Ayarla

    Ctrl + Boşluk tuşlarına basın

Hile Sayfası HTML5

benzer şekilde yeni * .css dosyası oluşturun css dosyasına
sağ tıklayın> Özellikler> Web İçeriği Ayarları> CSS3 Profili Seç> ok
CTRL + Space
CSS3 Hile Sayfası
Wooo'ya basın, Evet Kodlamaya Başlayın.!


Nereyi kaçırdığımdan emin değilim, ancak Eclipse için Google Eklentisi yükledikten sonra "Statik Web Projesi" ni bulamıyorum. Tek yeni proje türü, Google App Engine ile ilgili bir şeydir.
Zhao Xiang

Eclipse'in hangi sürümünü kullanıyorsunuz?
VenomVendor

Indigo Service Release 1. Daha sonra Aptana eklentisini denedim ve çalışıyor
Zhao Xiang

Herhangi bir IDE'nin en son sürümünü kullanmak her zaman daha iyidir, daha iyi sonuçlar için Juno
JEE'yi

8

Topstyle 4, HTML5 (ve CSS3) desteğiyle karşılaştığım tek model. Erken aşamaları ama çoğu zaman yeterince çalışıyor.


7

HTML5 hala çalışmakta olduğundan ve henüz hiçbir tarayıcıda tutarlı bir desteğe sahip olmadığından, tahminimce bir WYSIWYG HTML5 Düzenleyicisi edinmeniz epey bir zaman alacak.

Bu arada, işaretlemenizi Notepad ++ veya TextEdit gibi iyi bir metin düzenleyicide elle düzenlemeye alışın .


Sanırım s / test / metin / ..
Tim Post

1
@jordanstephens - Evet. Gerçekten mi. TextEdit'i.
Justin Niessner

@justin Niessner İşe yaradığından eminim, bunu her biri için "iyi metin editörleri" listesine koymam, sanırım ...
jordanstephens

@jordanstephens, TextEdit'in diğer bazı uygulamaların tüm süslü özelliklerine sahip olmaması, metin düzenlemede iyi olmadığı anlamına gelmez.
Alex Larzelere

Soruyu cevaplamıyorsun
Kickaha

4

Sadece belirtmek gerekirse, HTML5 kendi başına "hazır olmaktan uzak" değildir; aslında "Çalışma Grubu tarafından tüzüğünün ve beraberindeki her türlü gereksinim belgesinin ilgili gerekliliklerini yerine getirdiği düşünülmektedir". Düzeltilmesi gereken bazı şeyler olacak ve temel spesifikasyonda bazı eklenti bitleri var, ancak çoğu aslında hemen kullanıma hazır ve çoğu son tarayıcılarda kararlı.




3

NetBeans 7 , HTML5 için güzel bir desteğe sahiptir. Önceden yoğun bir Eclipse kullanıcısıydım, ancak HTML5 ve Servlet ile oynamak için NetBeans ile daha fazla zaman geçiriyordum.


2

çevrimiçi çözüm için maqetta ve aloha editörünü deneyin

çevrimdışı çözüm için (indirilebilir) mavi grifonu deneyin

ücretsizler :) oh evet, bir tane daha, en sevdiğim editör :) ve ayrıca oyun editörü: construct2



1

Özellikle HTML5 işleyebilen bir düzenleyiciye ihtiyacınız olup olmadığını sorgulamalıyım. Hâlâ HTML. Değişiklikler var, evet, ancak HTML4 konusunda zaten rahatsanız, hepsi bu kadar değil. HTML'yi işleyebilen çoğu düzenleyicinin HTML5'i de işleyebilmesi gerektiğinden şüpheleniyorum.


1

Radrails 3'e sahip olması gerekiyor, Aptana Studio 3'te olacak. Radrails beta sürümünde, bu yüzden bu bir tür moral bozucu, ama hiçbiri bir koşuşturma yapmak için orada.

Windoze üyesi olmayan bizler için de çoklu platformdur.


1

Bunun için okulda ve Justing'in söylediği gibi araştırma yaptım. Spesifikasyon hazır olmaktan uzaktır, bu nedenle HTML5'in düzenleyicide desteklenmesi muhtemelen biraz zaman alacaktır. Tarayıcılar, spesifikasyondan kullanılacak kadar iyi olan parçaları uygulamakla meşgul.

Yapabileceğiniz en iyi şey, internetteki blogları, eğitimleri ve diğer makaleleri takip etmek ve HTML5'te geliştirme yapmayı kendiniz denemektir.

DÜZENLEME: Burada bir Visual Studio 2008/2010 Eklentisi buldum



1

HTML Pencil , modern tarayıcılar için oluşturulmuş çevrimiçi bir HTML düzenleyicidir.


0

Bu ilginizi çekmeyebilir, sadece eklemek için (0 : , html düzenleme için VS2008 IDE'yi seviyorum - ve internet explorer geliştirici araç çubuğunuz varsa (firebug'ınki gibi) eğlenceyi ikiye katlar.



Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.