粉尘JS模板的可视化与生成

Question

我想知道工具对灰尘模板的支持。

1. 视觉化。当我在dustjs模板文件中编辑时，是否有一个工具可以预览html模板。
2. 从线框自动创建模板。是否有从.dust创建.html文件的工具。
3. 尘埃是否与任何CMS工具集成？就像Adobe体验管理器中的车把。

如果你知道有什么好的工具，请告诉我。我将使用崇高/原子/日食IDE。

Answer 1

要在更改沙尘文件时自动预览它，首先要设置自动沙尘编译。您可以使用内置的dustc工具，也可以通过Grunt插件(如咕噜声 )来实现这一点。

如果你在使用dustc，你会做这样的事情：

dustc --output=lib/compiled.js --watch templates/**/*.dust

现在，当模板目录中的.dust文件发生变化时，模板将被重新编译并放置到lib/compiled.js中。您可以在页面上加载此文件，并呈现您通常所做的Dust。

然后，您可以使用类似BrowserSync的东西在不同的浏览器中重新加载应用程序，以获得WYSIWYG预览，或者使用Grunt任务(如咕噜-表 )将其连接起来。

任何HTML文件都是有效的尘埃文件。.dust文件扩展名不是特别的！您甚至可以将以.html结尾的文件传递给Dust编译器；它并不在意。因此，如果您从切片的PSD或其他线框工具中创建模板，则可以将它们编译为Dust模板。您所要做的就是添加适当的变量。

没有任何与Dust集成的WYSIWYG编辑器可供使用(但堆栈溢出并不是获取工具建议的地方)。