具有实时预览和选择器本地化功能的CSS编辑器

标题说明了我所寻找的一切。基本上，它应该是一个收集网站所有样式的软件，以便我可以对其进行编辑和保存。

请仔细阅读问题，因为我希望满足所有提及的条件。

编辑：我想在这里更加清楚，或者描述我想要的工作流程。开始的情况将是您在本地计算机上拥有网站的来源。
现在，我想在我的编辑器/ IDE /任何文件中打开纯文本源（HTML / CSS）（没有所见即所得！）。我想要在其旁边或在其他窗口（而不是在另一个选项卡中！）旁边进行实时预览，我想在编辑源代码时看到它。预览应该自动更新（或者当我保存文件时，它基本上是相同的，因为CTRL + S有点像：P）。
此外，它还应该具有一个与Firebug或Chrom（e | ium）中的检查器相似的检查器。当我在该检查器中单击CSS选择器时，光标应在相应的源文件中向右跳。

另一个编辑：找到了这个https://stackoverflow.com/q/4680109/220652。几乎相同的问题。

有一些选择。

目前，我只是使用Google Chrome的开发人员工具（操作视频），因为它可以进行广泛的检查，详细的报告和替代。进行更改后，我只需复制更新的CSS并覆盖CSS文件的相关部分，刷新，然后继续插入即可。

在这里，我在Chrome的开发人员工具中编辑了一个定义

我可以按照文件名和行号（复制更改后）并将它们粘贴到编辑器中

除此之外，最近还启动了一个名为WebPutty的工具，该工具旨在减轻您描述的问题。虽然我还没有亲自使用过它，但它是由Joel Spolsky的公司Fog Creek Software开发的（Joel也是StackOverflow的共同创始人），所以我敢打赌它是一种相对稳定，简单且有效的产品。

这个问题似乎已经讨论过了，但是您更具体地说是在谈论CSS编辑器。而且我敢肯定，这就是为什么他们没有将您的问题标记为重复的原因。

但是，我可以建议您使用我在回答其他问题时发布的几种工具，例如：Ubuntu中的Dreamweaver替代品？，甚至可以打赌您已经看过它，为了方便起见，我还是在这里将其记录下来：

您的问题似乎有点模棱两可。

首先，与Dreamweaver的替代方案有关，我发现所有其他答案的所有建议都很出色，但是当寻找Dreamweaver的替代方案时（对我而言，最接近的应用程序）是Amaya项目。它似乎比其他替代品最丰富，并且比Kompozer更为复杂。

官方网站的屏幕快照位于此处，供您查看实际操作：

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

您可能会发现它有点不稳定，或者至少是对我而言，但这也可以满足您的需求。

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

关于您的萤火虫问题的建议，对不起，我什么也不能说。

如果您给Amaya一个机会，请告诉我们您的情况。

祝好运！

编辑==安装Amaya后，我发现它还不稳定，但是如果您认为其他软件是简单的文本编辑器，而Amaya就像所见即所得的编辑器，它似乎比其他应用程序具有更好的功能。

我测试了您在评论中所说的内容，发现Amaya甚至没有注意到文件/文件夹结构/名称中发生了更改。哪个不适合您与此相关的需求。

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

我将密切关注您的问题，希望有人前来提出一个好的选择。

祝好运！

另外，在其他用户对相同问题的回答中，我找到了“ Blue Griffon Web Editor ”，它似乎是唯一具有实时预览窗口的稳定Web编辑器，在拆分模式下无法看到-btw- 。您只能同时看到代码或WYSIWYG预览。

为方便起见，此处放置了屏幕截图：

预览画面：

代码屏幕：

该工具包括许多有用的工具，但其中一些附加组件或插件可能不是免费的（收费的）。这减少了它的吸引力。

我在以下答案中推荐的Aptana Studio 3：像Dreamweaver这样的基本Web开发IDE / Editor？对我来说，是最好的编程工具，因为我可以在双视图扩展桌面中使用Web浏览器进行实时预览。可能不是您的情况。

这就是我的建议。抱歉，这不符合您的需求，并且...

祝好运！

好吧，大家听！Geany真是太棒了！它具有一个添加浏览器预览的插件。您可以将其放在侧边栏，“底部”或其他窗口中。而现在，这两个额外的奖励是坏屁股杀手的功能。1.此浏览器使用WebKit。就是说，它有这个很棒的检查员！2.保存打开的文档时，浏览器会重新加载。

除此之外，它还有许多其他很棒的功能，但是您应该自己尝试。我一个人坠入爱河。这里有一个截图：

抱歉，我会回答我自己的问题。我刚刚找到Stylebot。它几乎满足我的所有条件。它没有任何自动完成功能，但我可以接受。

这是截图。侧边栏是Stylebot。您拥有基本的编辑模式，可以在其中快速编辑一些简单的属性，而高级模式则可以在其中编辑所选元素的纯CSS，而使用“编辑CSS”则可以编辑页面的整个CSS。

尝试使用Firefox插件Firediff。它与Firebug集成在一起，添加了“更改”选项卡，正如禅宗名称所暗示的那样，该选项卡显示了您对CSS或DOM所做的任何更改。

在“更改”选项卡中右键单击CSS更改，以保存更改的差异或快照。

还有cssUpdater，尽管我还没有使用过它。

至于“选择器本地化”，我不确定您的意思，但是有selectBug，您可以在此处下载。

Aptana Studio是一个很棒的IDE，但是如果我没记错的话，它没有实时预览。无论如何，如果您有兴趣：http：//www.aptana.com/products/studio3

PS：它为预览设置了热键，因此没什么大不了的。

当您保存替代样式表时，不是软件本身，而是时尚插件（chrome和firefox）会自动更新页面。与FireBug不同，它确实可以保存它，因此您可以.css在满意时将其复制并粘贴到适当的文件中。

就在几周前，一位新球员在此领域崭露头角。我说的是Adobe的开源代码编辑器Brackets。您需要的所有信息，在这里：https : //github.com/adobe/brackets/wiki/Linux-Version

spring30版本是几天前才发布的：)祝您好运！