当前位置: 首页>>技术问答>>正文


像Dreamweaver这样的基本Web开发IDE/编辑器?

问题描述

我使用Windows多年,使用Dreamweaver作为我的编辑器,因为它有一个基于项目的文件树(通过本地,FTP或SFTP)。

我需要一个具有以下功能的Web开发IDE:

  • PHP,HTML,CSS,JavaScript的语法高亮显示

  • 文件树 – 本地,FTP,SFTP,Project-Based(例如,通过本地/FTP /SFTP的方法)换句话说,如Dreamweaver

  • 可以打开多个文件(标签)

另外,我不介意调试,课堂列表等功能,只要我可以隐藏它们。

最佳解决方法

即使我在@fossfreedom提到的问题上添加了接受的答案,更准确地说是在Dreamweaver alternative in ubuntu?中,在你的问题的评论中。我必须接受在Aptana Studio存在之前我没有注意到。

我在这里为您提供了一些截图,涵盖了您感兴趣的一些要点。

software-recommendation,development,ide,web-development,web-design,ubuntu

PHP语法高亮:

software-recommendation,development,ide,web-development,web-design,ubuntu

HTML的语法突出显示:

software-recommendation,development,ide,web-development,web-design,ubuntu

CSS的语法突出显示:

software-recommendation,development,ide,web-development,web-design,ubuntu

Javascript的语法突出显示

software-recommendation,development,ide,web-development,web-design,ubuntu

这些屏幕截图和此示例中说明的文件树:

Project Explorer:

software-recommendation,development,ide,web-development,web-design,ubuntu

Application Explorer:

software-recommendation,development,ide,web-development,web-design,ubuntu

Multi-Tabbed文件

如上面的截图所示。

我注意到支持FTP /SFTP文件浏览/管理,但这些是我不使用的功能,因此我无法提供更多详细信息,但我相信您会在Aptana Studio网站上找到它。

根据我的经验,我停止使用我之前使用的所有这些工具,以便开始享受这个优秀的应用程序,这是所有其他类似的替代品。

我建议你试一试。就像下载和运行一样简单,或者按照生产者的说明进行操作,以便在您的系统中安装并运行此应用程序。对我来说,将它放在我的主文件夹中是很好的,我可以通过双击程序的图标来启动它。应用程序将在必要时找到其更新并下载到相应的文件夹。

有几种选择,比如前面提到的那些,包括具有WYSIWYG编辑器的那些。但这也是一个很好的选择。

祝好运!

次佳解决方法

对于DW替换软件,可能没有什么比Quanta更接近,遗憾的是它在标准GNOME桌面上拖延了很多KDE依赖。

虽然Kompozer /Nvu允许您在代码视图和WYSIWYG之间切换,但它们都缺少DW的一些功能,尽管肯定有各种各样的功能可以关注每个功能。

我最喜欢的开发平台是Bluefish,因为它具有出色的语法突出性。

对于更多full-featured开发环境,有AptanaKomodoEclipse

其他一些非常受欢迎,但我不能亲自推荐,因为没有与他们合作太多,是GeanyScreem

我的一个伙伴在他的blog上有关于linux上的web开发的很棒的文章

第三种解决方法

如果您正在寻找一个简单的编辑器,我会选择gedit + gedit-ftp-browser。 Gedit有很多扩展,你可以添加类浏览器等…

您当然可以使用Eclipse +插件,但它真的像使用炸弹杀死蚂蚁。

第四种方法

好吧,还有一个Adobe Dreamweaver的表弟。它叫做Brackets。它具有与adobe Dreamweaver几乎相同的功能,除此之外,还有新的和令人惊奇的功能,例如从.psd文件中提取代码提示的功能,更好的是,它的免费… 🙂

software-recommendation,development,ide,web-development,web-design,ubuntu

此外,Brackets还有一个名为live preview的美味功能,您可以在运行的浏览器中立即预览您在活动项目中的css或html文件中所做的每一项更改:

software-recommendation,development,ide,web-development,web-design,ubuntu

第五种方法

我可能不得不推荐KompoZer,它是流行应用程序Nvu的非官方bug-fix版本。

software-recommendation,development,ide,web-development,web-design,ubuntu

引用KompoZer features page

Finally, a top-notch WYSIWYG web page program for the rest of us! Now there’s no need to >pay a little fortune for a program to create and edit great-looking web pages, including >powerful and easy to use CSS capabilities.

KompoZer is a complete Web Authoring System that combines web file management and easy-to-use WYSIWYG web page editing capabilities found in Microsoft FrontPage, Adobe DreamWeaver and other high end programs.

KompoZer is designed to be extremely easy to use, making it ideal for non-technical >computer users who want to create an attractive professional-looking web site without >needing to know HTML or web coding.

KompoZer版本1:0.8~b3.dfsg.1-0.1目前在特立独行和natty Universe存储库中可用。

第六种方法

你的问题似乎有点含糊不清。

首先,与Dreamweaver的替代方案相关,我发现所有其他答案的所有建议都非常好,但在寻找Dreamweaver的替代品时,最接近的应用程序 – 对我来说 – 它是Amaya项目。这似乎比其他替代品更丰富,而且比Kompozer更复杂一些。

来自官方网站的屏幕截图可供您查看实际操作:

software-recommendation,development,ide,web-development,web-design,ubuntu

单击下一个链接可以访问其他屏幕截图:http://www.w3.org/Amaya/screenshots/Overview.html

您可能会发现它有点不稳定,或者至少它对我而言,但它也可能适合您的需求。

在玩WYSIWYG编辑器后,我更喜欢用BlueFish直接编码,但它不是WYSIWYG编辑器。

对于你对萤火虫问题的建议我不能说什么,抱歉。

如果你给Amaya一个机会,请告诉我们你是怎么做的。

祝好运!

Edit

在安装Amaya之后,我发现它还远远没有稳定但是它似乎比其他应用程序有更好的功能,如果你认为其他软件是简单的文本编辑器和Amaya就像一个WYSIWYG编辑器。

我测试了你在评论中所说的内容,我发现Amaya甚至没有注意到文件/文件夹结构/名称发生了变化。哪个不符合您的需求。

在下一个屏幕截图中,您可以看到我将”resources”文件夹重命名为”resources1″,而Amaya仍将其显示为”resources”,并且无法强制刷新。即使重新启动软件并再次加载项目,Amaya也不会注意到它。

software-recommendation,development,ide,web-development,web-design,ubuntu

我将密切关注你的问题,希望有人来一个好的选择。

祝好运!

第七种方法

Kompozer是一个不错的功能完整的html /css编辑器http://kompozer.net/features.php,你可以尝试一下。

第八种方法

Sublime Text 3

Sublime Text已经存在了一段时间。简而言之,它是一个纯文本编辑器,具有与TextMate相似的功能,但它具有更流畅的现代GUI,并且具有令人难以置信的可扩展性,可以通过文本编辑器增强它。

作为标准

开箱即用,您可以获得用于编辑文本文件的出色工具,并提供有用的功能,使文本编辑成为梦想。所有流行语言都支持语法高亮,less-so-popular-but-still-awesome语言可通过…

Packages

Sublime有一个ever-growing软件包生态系统,它使用Python编写脚本编辑器,从而可以将Sublime转换为full-featured IDE而不仅仅是标准文本编辑器。

Sublime这样做的原因在于你从一个简单的文本编辑器开始,只添加你需要的东西,而不是你开始使用所有内容的其他IDE的方法,而且它真的很慢而且很难学。

您还可以从Sublime Text本身自动下载和安装软件包package control包。

转到任何东西

使用惰性搜索获取任何功能或文件非常简单。如果要使用路径PageView/RT/Login/_Common.php在项目中打开文件,只需在goto any窗口中键入pvlcom即可。

通过命令面板也可以更改突出显示或与包交互的语法。

IDE功能

我使用Sublime Text 3进行Web开发,包社区可以满足各种需求……我确信其他环境也有包。这里只是ST3为我提供的一个细分,一个Web开发人员。

  • SASS /SCSS的语法高亮显示。

  • Behat /Mink的语法高亮显示。

  • PHPUnit包允许类的测试从类本身运行。

  • PHP XDebug在执行时逐步执行代码并检查变量。

  • PHP解析。出现语法错误时,在代码中显示内联错误。

ST3还有许多MySQL功能,但我还有其他专用软件,所以没有调查过。

第九种方法

其他相关软件:

第十种方法

Blue Griffon是类似于Kompozer的独立编辑器(均来自Nvu),但它正在积极开发中 – 它支持HTML5和CSS3。

用于Firefox的Web Developer插件通过保存为CSS和HTML的实时编辑提供了一些支持,但它不是很强大(没有语法高亮等)。

对于您的Firebug问题,see Stack Overflow

请注意,某些版本的Dreamweaver可以使用Wine运行,请查看Dremweaver entry at WineHQ

参考资料

本文由Ubuntu问答整理, 博文地址: https://ubuntuqa.com/article/1589.html,未经允许,请勿转载。