目錄
Sublime Text
TopStyle5
Chocolat
Aptana
Komodo IDE
Eclipse
首頁 web前端 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 Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

<🎜>:泡泡膠模擬器無窮大 - 如何獲取和使用皇家鑰匙
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
北端:融合系統,解釋
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Mandragora:巫婆樹的耳語 - 如何解鎖抓鉤
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

Java教學
1664
14
CakePHP 教程
1423
52
Laravel 教程
1321
25
PHP教程
1269
29
C# 教程
1249
24
了解HTML,CSS和JavaScript:初學者指南 了解HTML,CSS和JavaScript:初學者指南 Apr 12, 2025 am 12:02 AM

WebDevelovermentReliesonHtml,CSS和JavaScript:1)HTMLStructuresContent,2)CSSStyleSIT和3)JavaScriptAddSstractivity,形成thebasisofmodernWebemodernWebExexperiences。

HTML:結構,CSS:樣式,JavaScript:行為 HTML:結構,CSS:樣式,JavaScript:行為 Apr 18, 2025 am 12:09 AM

HTML、CSS和JavaScript在Web開發中的作用分別是:1.HTML定義網頁結構,2.CSS控製網頁樣式,3.JavaScript添加動態行為。它們共同構建了現代網站的框架、美觀和交互性。

HTML,CSS和JavaScript的未來:網絡開發趨勢 HTML,CSS和JavaScript的未來:網絡開發趨勢 Apr 19, 2025 am 12:02 AM

HTML的未來趨勢是語義化和Web組件,CSS的未來趨勢是CSS-in-JS和CSSHoudini,JavaScript的未來趨勢是WebAssembly和Serverless。 1.HTML的語義化提高可訪問性和SEO效果,Web組件提升開發效率但需注意瀏覽器兼容性。 2.CSS-in-JS增強樣式管理靈活性但可能增大文件體積,CSSHoudini允許直接操作CSS渲染。 3.WebAssembly優化瀏覽器應用性能但學習曲線陡,Serverless簡化開發但需優化冷啟動問題。

HTML的未來:網絡設計的發展和趨勢 HTML的未來:網絡設計的發展和趨勢 Apr 17, 2025 am 12:12 AM

HTML的未來充滿了無限可能。 1)新功能和標準將包括更多的語義化標籤和WebComponents的普及。 2)網頁設計趨勢將繼續向響應式和無障礙設計發展。 3)性能優化將通過響應式圖片加載和延遲加載技術提升用戶體驗。

HTML與CSS vs. JavaScript:比較概述 HTML與CSS vs. JavaScript:比較概述 Apr 16, 2025 am 12:04 AM

HTML、CSS和JavaScript在網頁開發中的角色分別是:HTML負責內容結構,CSS負責樣式,JavaScript負責動態行為。 1.HTML通過標籤定義網頁結構和內容,確保語義化。 2.CSS通過選擇器和屬性控製網頁樣式,使其美觀易讀。 3.JavaScript通過腳本控製網頁行為,實現動態和交互功能。

HTML:建立網頁的結構 HTML:建立網頁的結構 Apr 14, 2025 am 12:14 AM

HTML是構建網頁結構的基石。 1.HTML定義內容結構和語義,使用、、等標籤。 2.提供語義化標記,如、、等,提升SEO效果。 3.通過標籤實現用戶交互,需注意表單驗證。 4.使用、等高級元素結合JavaScript實現動態效果。 5.常見錯誤包括標籤未閉合和屬性值未加引號,需使用驗證工具。 6.優化策略包括減少HTTP請求、壓縮HTML、使用語義化標籤等。

HTML:是編程語言還是其他? HTML:是編程語言還是其他? Apr 15, 2025 am 12:13 AM

HTMLISNOTAPROGRAMMENGUAGE; ITISAMARKUMARKUPLAGUAGE.1)htmlStructures andFormatSwebContentusingtags.2)itworkswithcsssforstylingandjavascript for Interactivity,增強WebevebDevelopment。

HTML與CSS和JavaScript:比較Web技術 HTML與CSS和JavaScript:比較Web技術 Apr 23, 2025 am 12:05 AM

HTML、CSS和JavaScript是構建現代網頁的核心技術:1.HTML定義網頁結構,2.CSS負責網頁外觀,3.JavaScript提供網頁動態和交互性,它們共同作用,打造出用戶體驗良好的網站。

See all articles