좋은 시각적 HTML5 편집기 또는 IDE가 있습니까? [닫은]


116

Dreamweaver CS5가 몇 년 동안 (실제로는 몇 주 동안) HTML5 작업을 더 매끄럽게 만들 것 같습니다. 다음 단계는 메모장에 맞는 것 같습니다!

누구나 시각적 / 미리보기 / 스타일 경향이있는 좋은 HTML5 편집기를 알고 있습니까?

플러그인이있는 Eclipse?

(시장이 곧 구걸 할 것 같습니다.)

감사

... 그런데. 나는 '브라우저 지원 없음'... '아직 완료되지 않았습니다'.. 등에 대해 알고 있습니다. 그것은 우리에게 문제가 아닙니다. 우리는 Safari 전용 웹 사이트와 iPhone iAd의 유일한 프로덕션을 수행하고 있습니다. 그래서 우리는 구현에서 무엇이 작동하는지 알고 있습니다. (우리는 대부분 Windows에서)


3
와우, 조회수 174K와 좋은 답변이 많은 "주제에서 벗어난"것으로 닫힌 또 다른 질문을보세요! 그것은 내 ... 그냥있어 볼 다행
MRK Fldig

답변:


8

클라우드 9 IDE . 스토리지는 클라우드 + 로컬이며 자동 완성 기능을 제공하며 node.js 개발에 대한 명시적인 지원을 제공하고 실시간 협업을 제공하며 가장 인기있는 모든 도구 (gcc 포함)를 사용하여 거래를 시작합니다. 브라우저 이외의 다른 항목을 열지 않아도됩니다.

꽤 대단하다고 생각합니다.

2013 년 3 분기 수정 JetBrains WebStorm도 제안합니다. HTML5, CSS3, JS에 대한 자동 완성 및 견고한 리팩토링 기능이 있습니다. 그리고 그것은 매우 반응이 좋습니다.



39

저는 HTML 개발을 위해 항상 Aptana Studio를 좋아했습니다. Aptana Studio 3 베타 는 최신 HTML5 사양을 지원하며 버전 2에 비해 상당히 빠릅니다. 독립형 및 Eclipse 퍼그 인 버전을 사용할 수 있습니다.
업데이트 : 최종 릴리스 사용 가능 (동일 링크)


1
Aptana Studio 3 베타의 경우 +1. 꽤 좋은 IDE이며 크로스 플랫폼입니다.
Octavian A. Damiean

UPDATE : 지금 베타 첫번째 버그 수정 릴리스의 아웃 : aptana.com/products/studio3/releasenotes

HTML5 태그 기능의 visual / WYSIWYG 외에도 Web Storage API 등 HTML5 API를 인식하는 IDE를 갖고 싶습니다. window <dot>를 입력하면 sessionStorage 및 localStorage 등의 개체 자동 완성이 나타나지 않습니다.
Lee Chee Kiam

아, "퍼그 인". Puggins는 큰 성을 만들 것입니다. 웃어 주셔서 감사합니다.
엔지니어

10

최신 정보

Aptana Studio 3을 사용하면 지금 업그레이드되었습니다.

당신은 선택할 수 있습니다

온라인 Aloha WYSIWYG Editor 사용해보기

그러나 웹 개발자로서 저는 여전히 Notepad ++를 선호하며 필요한 코드 지원이 있습니다.


오래된 정보입니다. 참조하지 마세요.


이 늦게 대답, 그래 매우 늦게 해답이 될 수 있지만 반드시 누군가의 도움이 될 것입니다
다운로드 "자바 EE 개발자를위한 이클립스 IDE" 최신 안정 버전

다운로드 Eclipse.zip에 대한 Google 플러그인
선택에 따라 다운로드하여 이클립스 버전
후 다운로드 ( 하지의 압축을 풉니을 ) "이름"필드에서
Eclipse
Help > Install New Software > Add > Archive > Select the Downloaded Plug-in.zip
를 열고 "Google 플러그인"을 입력하고 확인을 클릭합니다.

경고를 무시하고 설치 완료 후 Eclipse를 다시 시작하십시오.


Eclipse 파일 용 Google 플러그인 사용 방법
    > 새로 만들기> 기타> 웹> 정적 웹 프로젝트> 프로젝트 이름 입력

새 웹 프로젝트 만들기


    새 HTML 파일 만들기

새 HTML 파일 만들기


    index.html의 이름

index.html

    HTML 파일의 속성 선택

속성을 HTML5로 설정

    Ctrl + Space 누르기

치트 시트 HTML5

비슷하게 새 * .css 파일을 생성
합니다. css 파일> 속성> 웹 콘텐츠 설정> CSS3 프로필 선택> 확인을 클릭합니다.
CTRL + Space
CSS3 치트 시트
Wooo, Yeah Start Coding.!


어디를 놓쳤는지는 모르겠지만 Eclipse 용 Google 플러그인을 설치 한 후 "정적 웹 프로젝트"를 찾을 수 없습니다. 유일한 새로운 프로젝트 유형은 Google App Engine에 관한 것입니다.
자오 샹

어떤 버전의 Eclipse를 사용하고 있습니까?
VenomVendor

인디고 서비스 릴리스 1. 나중에 나는 Aptana를이 플러그인했는데, 그것은 작동
자오 샹에게

그것은 어떤 IDE의 최신 버전을 사용하는 것이 좋습니다, 당신은 더 나은 결과를 위해 주노 JEE를 시도 할 수 있습니다
VenomVendor

8

Topstyle 4는 HTML5 (및 CSS3) 지원과 함께 만난 유일한 것입니다. 초기 단계이지만 대부분의 경우 충분히 작동합니다.


7

HTML5는 아직 작동 중이며 아직 어떤 브라우저에서도 일관된 지원이 없기 때문에 WYSIWYG HTML5 편집기를 얻으려면 꽤 오랜 시간이 걸릴 것 같습니다.

그동안 Notepad ++ 또는 TextEdit 와 같은 훌륭한 텍스트 편집기에서 손으로 마크 업을 편집하는 데 익숙해집니다 .


난 당신이 S / 시험 / 텍스트 / .. 의미 생각
팀 포스트

1
@jordanstephens-네. 정말. 텍스트 편집기.
Justin Niessner 2010

@justin Niessner I 평균 확인이 난 그냥 각으로 "좋은 텍스트 편집기"의리스트에 덩어리하지 않을 작품, 자신의, 나는 가정 ...
jordanstephens

@jordanstephens TextEdit에 다른 앱의 멋진 기능이 모두 포함되어 있지 않다고해서 텍스트 편집에 적합하지 않다는 의미는 아닙니다.
Alex Larzelere 2010

당신은 질문에 대답하지 않습니다
Kickaha

4

지적하자면, HTML5 자체 는 "준비된 상태"가 아닙니다. "실무 그룹이 헌장 및 관련 요구 사항 문서의 관련 요구 사항을 충족하도록 고려"하여 실제로 거의 완료되었습니다. 해결해야 할 몇 가지 사항이 있으며 핵심 사양에는 몇 가지 추가 기능이 있지만 대부분은 실제로 즉시 사용할 준비가되어 있으며 대부분은 최신 브라우저에서 안정적입니다.




3

NetBeans 7 은 HTML5를 잘 지원합니다. 이전에는 Eclipse를 많이 사용했지만 NetBeans에서 HTML5 및 Servlet을 사용하는 데 더 많은 시간을 할애했습니다.


2

온라인 솔루션을 위해 maqetta 및 aloha 편집기를 사용해보십시오

오프라인 솔루션 (다운로드 가능)을 위해 blue griffon을 사용해보십시오.

그들은 무료입니다 :) 오 예, 하나 더, 내가 가장 좋아하는 편집기 :) 및 게임 편집기도 : Construct2



1

특히 HTML5를 처리 할 수있는 편집기가 필요한지 질문해야합니다. 여전히 HTML입니다. 예, 변경 사항이 있지만 이미 HTML4에 익숙하다면 그다지 많이는 아닙니다. HTML을 처리 할 수있는 대부분의 편집기는 HTML5도 처리 할 수 ​​있어야한다고 생각합니다.


1

Radrails 3에는이 기능이 있고 Aptana Studio 3에는이 기능이 있습니다. Radrails는 베타 버전이므로 다소 실망 스러울 수 있습니다.

Windoze가 아닌 사람들에게도 멀티 플랫폼입니다.


1

학교에서 이것에 대해 조사했고 Justing이 이미 말했듯이. 사양이 아직 준비되지 않았으므로 HTML5가 편집기에서 지원되기까지 시간이 걸릴 수 있습니다. 브라우저는 사용하기에 충분한 사양의 부품을 구현하는 데 바쁘지만.

할 수있는 최선의 방법은 인터넷에서 블로그, 자습서 및 기타 기사를 팔로우하고 HTML5로 직접 개발해 보는 것입니다.

편집 : 방금 Visual Studio 2008/2010 플러그인을 찾았습니다 .



1

HTML Pencil 은 최신 브라우저를 위해 만들어진 온라인 HTML 편집기입니다.


0

이것은 관심이 없을 수도 있지만 추가하기 만하면됩니다 (0 :, html 편집을위한 VS2008 IDE 를 좋아합니다 -그리고 인터넷 익스플로러 개발자 도구 모음 (방화 버그와 같은)이 있으면 재미가 두 배가됩니다).



당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.