Ada yang bagus, Visual HTML5 Editor atau IDE? [Tutup]

116

Sepertinya Dreamweaver CS5 akan mencoba menyempurnakan HTML5 selama beberapa tahun lagi (sebenarnya berminggu-minggu). Sepertinya anak tangga berikutnya langsung ke Notepad!

Adakah yang tahu editor HTML5 yang bagus dengan visual / pratinjau / gaya bersandar?

Gerhana dengan beberapa pluggin?

(Sepertinya pasar akan segera memohon untuk itu.)

Terima kasih

...Ngomong-ngomong. Saya tahu tentang 'tidak ada dukungan browser' ... 'belum selesai' .. dll. Itu bukan masalah bagi kami. Kami melakukan situs web Hanya Safari & satu-satunya produksi iPhone iAd ... Jadi kami tahu apa yang berhasil dalam penerapan kami. (Kami kebanyakan menggunakan Windows)

ActionFactory
sumber
3
Wow, lihat pertanyaan lain ditutup sebagai "di luar topik" dengan 174K dilihat dan banyak jawaban bagus! Senang melihat itu bukan hanya milikku ...
Mrk Fldig

Jawaban:

8

Cloud 9 IDE . Penyimpanan adalah cloud + lokal, menawarkan pelengkapan otomatis, menyediakan dukungan eksplisit untuk pengembangan node.js, menawarkan kolaborasi waktu nyata, dan Anda mendapatkan kesepakatan dengan semua alatnya yang paling populer (termasuk gcc). Semua tanpa harus membuka apa pun selain browser Anda.

Saya pikir itu Cukup Luar Biasa.

EDIT K3 2013 Saya juga menyarankan JetBrains WebStorm. Ini memiliki fitur pelengkapan otomatis dan pemfaktoran ulang yang solid untuk HTML5, CSS3, JS. Dan itu sangat responsif.

Insinyur
sumber
Tautan baru Cloud 9 IDE
Menelaos Kotsollaris
39

Saya selalu menyukai Aptana Studio untuk pengembangan HTML. Aptana Studio 3 beta mendukung spesifikasi HTML5 terbaru dan cukup cepat (dibandingkan versi 2). Tersedia versi pug-in mandiri dan Eclipse.
PEMBARUAN: Rilis akhir tersedia (tautan yang sama)

Jan
sumber
1
1 untuk Aptana Studio 3 beta. Ini adalah IDE yang cukup bagus dan bersifat lintas platform.
Oktavianus A. Damiean
UPDATE: Keluar dari beta dan rilis Bugfix pertama, sekarang: aptana.com/products/studio3/releasenotes
Jan
Selain visual / WYSIWYG pada fitur tag HTML5, saya ingin memiliki IDE yang mengetahui API HTML5 seperti Web Storage API dll, ketika saya mengetik window <dot>, pelengkapan otomatis sessionStorage dan localStorage dll tidak muncul ...
Lee Chee Kiam
Ah, "pesek". Puggins akan menjadi nama keluarga yang bagus. Terima kasih atas tawanya.
Insinyur
10

Memperbarui

Gunakan Aptana Studio 3 , sudah diupgrade sekarang.

Anda bisa memilih

Coba Aloha WYSIWYG Editor online

Tetapi sebagai pengembang web, saya masih lebih suka Notepad ++ , ini memiliki bantuan kode yang diperlukan.


Info kedaluwarsa, jangan merujuk.


Ini mungkin jawaban yang terlambat, ya jawaban yang sangat terlambat, tetapi pasti akan membantu seseorang
Unduh "Eclipse IDE untuk Java EE Developers" Versi Stabil Terbaru

Unduh Google Plugin untuk Eclipse.zip
Pilih unduhan Anda sesuai dengan Versi Eclipse Anda
Setelah Mengunduh ( jangan Unzip )
Buka Eclipse
Help > Install New Software > Add > Archive > Select the Downloaded Plug-in.zip
di kolom "Nama" masukkan "Google Plugin" Klik ok.

Abaikan Peringatan, Setelah Kompetisi Pemasangan, Mulai Ulang Eclipse.


Cara menggunakan Google Plugin untuk File Eclipse
    > Baru> Lainnya> Web> Proyek Web Statis> Masukkan nama proyek

Buat Proyek Web Baru


    Buat File HTML Baru

Buat File HTML Baru


    Nama untuk index.html

index.html

    Pilih Properti File HTML

Setel Properti ke HTML5

    Tekan Ctrl + Spasi

Cheat Sheet HTML5

sama-sama buat file * .css baru
Klik kanan pada file css> Properties> Web Content Settings> Pilih Profil CSS3> ok
Tekan CTRL + Spasi
Lembar Cheat CSS3
Wooo, Ya Mulai Coding.!

VenomVendor
sumber
Saya tidak yakin di mana saya ketinggalan, tetapi saya tidak dapat menemukan "Proyek Web Statis" setelah memasang Google Plugin untuk Eclipse. Satu-satunya jenis proyek baru adalah sesuatu tentang Google App Engine.
Zhao Xiang
Versi Eclipse apa yang Anda gunakan?
VenomVendor
Indigo Service Release 1. Kemudian saya mencoba plugin Aptana, dan berhasil
Zhao Xiang
Itu selalu lebih baik untuk menggunakan versi terbaru dari setiap IDE, Anda dapat mencoba Juno JEE untuk hasil yang lebih baik
VenomVendor
8

Topstyle 4 adalah satu-satunya yang saya temui dengan dukungan HTML5 (dan CSS3). Ini tahap awal tetapi bekerja cukup untuk sebagian besar.

Frazor
sumber
7

Karena HTML5 masih dalam pengerjaan dan belum memiliki dukungan yang konsisten di semua browser, tebakan saya adalah akan memakan waktu cukup lama sebelum Anda mendapatkan Editor HTML5 WYSIWYG.

Sementara itu, biasakan mengedit markup Anda dengan tangan di editor teks yang bagus seperti Notepad ++ atau TextEdit .

Justin Niessner
sumber
Saya pikir yang Anda maksud adalah s / test / text / ..
Tim Post
1
@ jordanephens - Ya. Betulkah. TextEdit.
Justin Niessner
@justin Niessner Aku berarti yakin itu bekerja, aku tidak akan benjolan itu ke daftar "editor teks yang baik" Untuk masing-masing sendiri, saya kira ...
jordanstephens
@jordanstephens hanya karena TextEdit tidak memiliki semua fitur mewah dari beberapa aplikasi lain, bukan berarti tidak bagus dalam mengedit teks.
Alex Larzelere
Anda tidak menjawab pertanyaan
Kickaha
4

Hanya untuk menunjukkan, HTML5 itu sendiri tidak "jauh dari siap"; sebenarnya sudah cukup banyak selesai, "dianggap oleh Kelompok Kerja untuk memenuhi persyaratan yang relevan dari piagamnya dan semua dokumen persyaratan yang menyertainya." Akan ada beberapa hal yang perlu diperbaiki, dan spesifikasi inti memiliki beberapa bit addon yang menyertainya, tetapi sebagian besar sebenarnya sudah siap untuk digunakan segera, dengan sebagian besar stabil di browser terbaru.

Nicholas Wilson
sumber
3

NetBeans 7 memiliki dukungan yang bagus untuk HTML5. Sebelumnya saya adalah pengguna berat Eclipse, tetapi menghabiskan lebih banyak waktu dengan NetBeans untuk bermain dengan HTML5 dan Servlet.

Samuel Zhang
sumber
2

untuk solusi online coba editor maqetta dan aloha

untuk solusi offline (dapat diunduh) coba griffon biru

mereka gratis :) oh yeah, satu lagi, editor favorit saya :) dan editor game juga: konstruk2

deval
sumber
1

Saya harus mempertanyakan apakah Anda memerlukan, khususnya, editor yang mampu menangani HTML5. Ini masih HTML. Ada perubahan, ya, tapi tidak terlalu banyak jika Anda sudah terbiasa dengan HTML4. Saya menduga bahwa hampir semua editor yang mampu menangani HTML seharusnya dapat menangani HTML5 juga.

Berikan Palin
sumber
1

Radrails 3 seharusnya memilikinya, Aptana Studio 3 akan memilikinya. Radrails dalam versi beta, jadi itu agak downer, tapi tetap ada untuk memberikan pusaran.

Ini juga multi-platform, bagi kita yang bukan orang Windoze.

Sammi Sanders
sumber
1

Lakukan penelitian untuk ini di sekolah dan seperti yang sudah dikatakan Justing. Spesifikasi masih jauh dari siap, jadi mungkin perlu beberapa saat sebelum HTML5 didukung di editor. Padahal browser sibuk menerapkan bagian-bagian dari spesifikasi yang cukup baik untuk digunakan.

Hal terbaik yang dapat Anda lakukan adalah mengikuti blog, tutorial, dan artikel lain di internet dan bereksperimen dengan mengembangkan HTML5 sendiri.

EDIT: Baru saja menemukan Plug-in Visual Studio 2008/2010 di sini

rampok
sumber
1

HTML Pencil adalah editor HTML online yang dibuat untuk browser modern.


sumber
0

Ini mungkin tidak menarik bagi Anda, tetapi hanya untuk menambahkan (0 :, Saya suka VS2008 IDE untuk pengeditan html - dan ini menggandakan kesenangan jika Anda memiliki toolbar developer internet explorer (seperti firebug).

KMån
sumber
0

Visual Web Developer Express

AlexanderMP
sumber
2
Itu akan memberi Anda validasi skema HTML5, tetapi Anda masih harus mengedit markup secara manual. Saya pikir OP sedang mencari editor WYSIWYG ... yang bukan Visual Web Developer Express (untuk HTML5).
Justin Niessner