목차
Sublime Text
TopStyle5
Chocolat
Aptana
Komodo IDE
Eclipse
웹 프론트엔드 HTML 튜토리얼 分享6款可替代Dreamweaver的工具_html/css_WEB-ITnose

分享6款可替代Dreamweaver的工具_html/css_WEB-ITnose

Jun 21, 2016 am 08:57 AM

Dreamweaver对一个web前端工作者来说,再熟悉不过了,像我07年接触web前端开发就是用的Dreamweaver,一直用到现在, 身边的朋友有跟我推荐过各种更好用的可替代Dreamweaver的工具,一开始我是拒绝的,但是后来我发现竟然真有比Dreamweaver好用的工 具,智能提示,自动补全工具,模糊编码这些用上手了以后根本停不下来。

Sublime Text

Sublime Text2是一款跨平台的编辑器,再也不用为换平台而找不到合适的、熟悉的编辑器担忧了。

Sublime Text2 是一款具有代码高亮、语法提示、自动完成且反应快速的编辑器软件,不仅具有华丽的界面,还支持插件扩展机制,用她来写代码,绝对是一种享受。

Sublime Text 2的特色功能:

  • 良好的扩展功能,官方称之为安装包(Package)
  • 右边没有滚动条,取而代之的是代码缩略图,这个功能非常赞
  • 强大的快捷命令“可以实时搜索到相应的命令、选项、snippet 和 syntex,按下回车就可以直接执行,减少了查找的麻烦。”
  • 即时的文件切换
  • 随心所欲的跳转到任意文件的任意位置
  • 多重选择(Multi-Selection)功能允许在页面中同时存在多个光标
  • 支持 VIM 模式
  • 支持宏,简单地说就是把操作录制下来或者自己编写命令,然后播放刚才录制的操作或者命令
  • 更新非常勤快

TopStyle5

TopStyle是一款 CSS 开发辅助工具,即 HTML5 / CSS3 编辑器,它专注于 HTML CSS 设计辅助,提供比较多的功能,如 CSS 代码检查等,据称 TopStyle 的帮助文件非常好,有详细的 CSS 指令,适于初次接触 CSS 的学习之用。

不过如果你想对 CSS 了如指掌,对 CSS 网页布局非常熟练,还是扔掉一切辅助软件,用记事本开发,而熟练 CSS 之后,再使用此类辅助软件,可以提高工作效率和开发速度。

TopStyle 5 在 CSS3 / HTML5 方面的增强:

  • CSS3 for Inspector, Insight and Style Checker
  • Prefixr
  • CSS3 Media Queries
  • CSS Gradient Generator
  • Text Shadow Generator
  • Improved options for Preview Files (CSS-only)
  • HTML5 for Inspector and Insight
  • HTML5-only Validator
  • HTML Structure Panel
  • Wrap HTML Tag
  • Image Map Editor (HTML-only)

Chocolat

Chocolat是Mac系统上最新出现的一款强大的文本编辑器,兼具原生的Cocoa及强大的文本编辑功能。Chocolat支持多种编程语言的关键字高亮显示、窗口分割、标签页、色彩主题等功能。界面和MacVim非常相似。

Aptana

Aptana是一个非常强大、开源、专注于JavaScript的Ajax开发IDE。它的特性包括:

  • JavaScript,JavaScript函数,HTML,CSS语言的Code Assist功能
  • Outliner(大纲):显示JavaScript,HTML和CSS的代码结构
  • 支持JavaScript,HTML,CSS代码提示,包括JavaScript 自定函数
  • 代码语法错误提示
  • 支持Aptana UI自定义和扩展
  • 支持跨平台
  • 支持FTP/SFTP
  • 调试JavaScript
  • 支持流行AJAX框架的Code Assist功能:AFLAX,Dojo,JQuery,MochiKit,Prototype,Rico,script.aculo.us,Yahoo UI,Ext
  • Adobe AIR与iPhone开发工具

Komodo IDE

Komodo是一个跨平台支持多种程序语言的Integrated Development Environment (IDE)软件,目前他支持了在Windows与Linux上 ,Pythone、Ruby、Rails、Perl、HTML、CSS、JavaScript等的程序语言开发,以及多种程序语言语法着色。

Eclipse

Eclipse是 著名的跨平台的自由集成开发环境(IDE)。最初主要用来Java语言开发,但是目前亦有人通过插件使其作为其他计算机语言比如C++和Python的开 发工具。Eclipse的本身只是一个框架平台,但是众多插件的支持使得Eclipse拥有其他功能相对固定的IDE软件很难具有的灵活性。许多软件开发 商以Eclipse为框架开发自己的IDE

Eclipse的基础是富客户机平台(Rich Client Platform,即RCP)。RCP包括下列组件:

  • 核心平台(启动Eclipse,运行插件)
  • OSGi(标准集束框架)
  • SWT(可移植构件工具包)
  • JFace(文件缓冲,文本处理,文本编辑器)
  • Eclipse工作台(即Workbench ,包含视图(views)、编辑器(editors)、视角(perspectives)、和向导(wizards))

Eclipse 采用的技术是IBM公司开发的(SWT),这是一种基于Java的窗口组件,类似Java本身提供的AWT和Swing窗口组件;不 过IBM声称SWT比其他Java窗口组件更有效率。Eclipse的用户界面还使用了GUI中间层JFace,从而简化了基于SWT的应用程序的构建。

Eclipse 的插件机制是轻型软件组件化架构。在富客户机平台上,Eclipse使用插件来提供所有的附加功能,例如支持Java以外的其他语 言。 已有的分离的插件已经能够支持C/C++(CDT)、Perl、Ruby,Python、telnet和数据库开发。插件架构能够支持将任意的扩展加入到 现有环境中,例如配置管理,而决不仅仅限于支持各种编程语言。

Eclipse的设计思想是:一切皆插件。Eclipse核心很小,其它所有功能都以插件的形式附加于Eclipse核心之上。Eclipse基本内核包括:图形API (SWT/Jface), Java开发环境插件(JDT ),插件开发环境(PDE)等。 Eclipse由各种不同的计划组成。以下列出了部分计划。

  • Eclipse计划 :本身包括Eclipse平台,Eclipse富客户端平台(RCP)和Java开发工具(JDT)
  • Eclipse测试和性能工具平台 (TPTP):提供一个允许软件开发者构建诸如测试调试、概况分析、基准评测等测试和性能工具的平台
  • Eclipse Web工具平台计划 (WTP):用Java企业版Web应用程序开发工具来扩展Eclipse平台。它由以下部分组成:HTML、JavaScript、CSS、JSP、 SQL、XML、DTD、XSD和 WSDL的 源代码编辑器;XSD和WSDL的图形界面编辑器;Java企业版的“项目性质”(project nature)、建构器(builder)和模型(model),与一个Java企业版的导航(navigator);一个Web服务(Web service)向导和浏览器,还有一个WS-I测试工具;最后是数据库访问查询的工具与模型
  • Eclipse商业智能和报表工具计划 (BIRT):提供Web应用程序(特别是基于Java企业版的)的报表开发工具
  • Eclipse可视化界面编辑器计划 (VEP):一个Eclipse下创建图形用户界面代码生成器的框架
  • Eclipse建模框架 (EMF):依据使用XMI描述的建模规格,生成结构化数据模型的工具和其他应用程序的代码
  • 图形化编辑器框架 (GEF):能让开发者采用一个现成的应用程序模型来轻松地创建富图形化编辑器
  • UML2 :Eclipse平台下的一个UML 2.0元模型的实现,用以支持建模工具的开发
  • AspectJ :一种针对Java的面向侧面语言扩展
  • Eclipse通讯框架 (ECF):专注于在Eclipse平台上创建通讯应用程序的工作
  • Eclipse数据工具平台计划 (DTP)
  • Eclipse设备驱动软件开发计划 (DSDP)
  • C/C++开发工具计划 (CDT):努力为Eclipse平台提供一个全功能C和C++的集成开发环境(IDE),它使用GCC作为编译器
  • Eclipse平台COBOL集成开发环境子计划 (COBOL):将构建一个Eclipse平台上的全功能COBOL集成开发环境
  • 并行工具平台 (PTP):将开发一个对并行计算机架构下的一组工具进行集成的平行工具平台,而且这个平台是可移植的,可伸缩的并基于标准的
  • 嵌入式富客户端平台 (eRCP):计划将Eclipse富客户端平台扩展到嵌入式设备上。这个平台主要是一个富客户端平台(RCP)组件子集的集合。它能让桌面环境下的应用程序模型能够大致同样地能运用在嵌入式设备上

PS: 关于移动开发,这些产品你可以关注>>

本文部分内容转载自 黑基网 !如需联系本文作者,请在下方评论留言。

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

공식 계정 웹 페이지의 캐싱 업데이트에 어려움 : 버전 업데이트 후 사용자 경험에 영향을 미치는 이전 캐시를 피하는 방법은 무엇입니까? 공식 계정 웹 페이지의 캐싱 업데이트에 어려움 : 버전 업데이트 후 사용자 경험에 영향을 미치는 이전 캐시를 피하는 방법은 무엇입니까? Mar 04, 2025 pm 12:32 PM

공식 계정 웹 페이지 업데이트 캐시, 이것은 간단하고 간단하며 냄비를 마시기에 충분히 복잡합니다. 공식 계정 기사를 업데이트하기 위해 열심히 노력했지만 사용자는 여전히 기존 버전을 열었습니까? 이 기사에서는이 뒤에있는 비틀기와 회전을 살펴 보고이 문제를 우아하게 해결하는 방법을 살펴 보겠습니다. 읽은 후에는 다양한 캐싱 문제를 쉽게 처리 할 수있어 사용자가 항상 가장 신선한 콘텐츠를 경험할 수 있습니다. 기본 사항에 대해 먼저 이야기 해 봅시다. 액세스 속도를 향상시키기 위해 브라우저 또는 서버는 일부 정적 리소스 (예 : 그림, CSS, JS) 또는 페이지 컨텐츠를 저장합니다. 다음에 액세스 할 때 다시 다운로드하지 않고도 캐시에서 직접 검색 할 수 있으며 자연스럽게 빠릅니다. 그러나 이것은 또한 양날의 검입니다. 새 버전은 온라인입니다.

HTML5 양식 유효성 검사 속성을 사용하여 사용자 입력을 유효성있게하려면 어떻게합니까? HTML5 양식 유효성 검사 속성을 사용하여 사용자 입력을 유효성있게하려면 어떻게합니까? Mar 17, 2025 pm 12:27 PM

이 기사에서는 브라우저에서 직접 사용자 입력을 검증하기 위해 필요한, Pattern, Min, Max 및 Length 한계와 같은 HTML5 양식 검증 속성을 사용하는 것에 대해 설명합니다.

HTML5의 크로스 브라우저 호환성에 대한 모범 사례는 무엇입니까? HTML5의 크로스 브라우저 호환성에 대한 모범 사례는 무엇입니까? Mar 17, 2025 pm 12:20 PM

기사는 HTML5 크로스 브라우저 호환성을 보장하기위한 모범 사례에 대해 논의하고 기능 감지, 점진적 향상 및 테스트 방법에 중점을 둡니다.

웹 페이지의 PNG 이미지에 뇌졸중 효과를 효율적으로 추가하는 방법은 무엇입니까? 웹 페이지의 PNG 이미지에 뇌졸중 효과를 효율적으로 추가하는 방법은 무엇입니까? Mar 04, 2025 pm 02:39 PM

이 기사는 CSS를 사용한 웹 페이지에 효율적인 PNG 테두리 추가를 보여줍니다. CSS는 JavaScript 또는 라이브러리에 비해 우수한 성능을 제공하며, 미묘하거나 눈에 띄는 효과를 위해 테두리 너비, 스타일 및 색상 조정 방법을 자세히 설명합니다.

& lt; datalist & gt의 목적은 무엇입니까? 요소? & lt; datalist & gt의 목적은 무엇입니까? 요소? Mar 21, 2025 pm 12:33 PM

이 기사는 HTML & LT; Datalist & GT에 대해 논의합니다. 자동 완성 제안을 제공하고, 사용자 경험을 향상시키고, 오류를 줄임으로써 양식을 향상시키는 요소. 문자 수 : 159

& lt; meter & gt의 목적은 무엇입니까? 요소? & lt; meter & gt의 목적은 무엇입니까? 요소? Mar 21, 2025 pm 12:35 PM

이 기사는 HTML & lt; meter & gt에 대해 설명합니다. 범위 내에 스칼라 또는 분수 값을 표시하는 데 사용되는 요소 및 웹 개발의 일반적인 응용 프로그램. & lt; meter & gt; & lt; Progress & Gt; 그리고 Ex

html5 & lt; time & gt; 의미 적으로 날짜와 시간을 나타내는 요소? html5 & lt; time & gt; 의미 적으로 날짜와 시간을 나타내는 요소? Mar 12, 2025 pm 04:05 PM

이 기사는 html5 & lt; time & gt; 시맨틱 날짜/시간 표현 요소. 인간이 읽을 수있는 텍스트와 함께 기계 가독성 (ISO 8601 형식)에 대한 DateTime 속성의 중요성을 강조하여 Accessibilit를 향상시킵니다.

& lt; Progress & Gt의 목적은 무엇입니까? 요소? & lt; Progress & Gt의 목적은 무엇입니까? 요소? Mar 21, 2025 pm 12:34 PM

이 기사는 HTML & lt; Progress & Gt에 대해 설명합니다. 요소, 그 목적, 스타일 및 & lt; meter & gt의 차이; 요소. 주요 초점은 & lt; progress & gt; 작업 완료 및 & lt; meter & gt; Stati의 경우

See all articles