如何为Cloud9 IDE设置Jade？

Question

我想在Cloud9中做一些前端设计，比如带有一些CSS动画等的投资组合页面，而不是用vanilla HTML编写，我有兴趣学习/使用Jade，因为它会生成代码看起来很清楚。

如何在Cloud9中设置Jade？例如，设置它，如果我将index.html更改为index.jade，那么事情就会正常工作。

p.s副方面的问题，翡翠是我目的的好选择吗？我听说过Mustache，Handlebars，Slim，甚至还没有使用过React？我只是想像使用Sass一样编写HTML。

Answer 1

如果你想在任何地方使用Jade，你必须在提供之前将Jade翻译成HTML。以下是一般方法：

1. 将您的Jade文件存储在单独的文件夹中
2. 使用Jade command line或使用Grunt plugin或Gulp plugin将所有Jade模板编译到您为其提供HTML的目标目录。
3. [Cloud9的可选步骤]如果您已全部设置，可以使用Cloud9的custom builders（运行＆gt;构建系统＆gt;新构建系统）将其添加到您可以使用的构建器中构建菜单。

我在这里假设你只是想要一个简单的网页，并且没有使用Express等，这与上面的流程有些不同。

关于你的问题。我不认为StackOverflow是最好的地方，在任何情况下，任何这样的问题的答案最终都是“取决于”和“尝试每一个”，“研究”，“使用你最了解的” ，'使用最适合您需求的东西'，以及上述的一些组合/变异:)。