在 MAC 上使用 webstorm 设置 Jade答案

【问题标题】：Setup Jade With webstorm on MAC在 MAC 上使用 webstorm 设置 Jade
【发布时间】：2013-08-16 00:44:01
【问题描述】：

在我的 Mac 上编译 Jade 文件时出现错误。我已经阅读了太多博客文章，但问题仍然存在。

这是我收到的错误的屏幕截图：

谁能告诉我如何在 Webstrom MAC 中设置翡翠。

在终端中，当我尝试使用此命令进行编译时，出现错误号：156

mandeepgill-macpro:~ mandeepgill$ cd /Applications/MAMP/htdocs
mandeepgill-macpro:htdocs mandeepgill$ cd HTMLCodes
mandeepgill-macpro:HTMLCodes mandeepgill$ cd Sports
mandeepgill-macpro:Sports mandeepgill$ cd public_html
mandeepgill-macpro:public_html mandeepgill$ jade main.jade main.html



/usr/local/lib/node_modules/jade/bin/jade:156
              if (err) throw err;
                             ^
Error: EISDIR, open 'main.html'
mandeepgill-macpro:public_html mandeepgill$

【问题讨论】：

您的屏幕截图显示的是 WebStorm 的文件观察器设置，而不是错误。您能否发布您用于使用命令行进行编译的确切命令？
对不起，我对堆栈溢出编辑器了解不多，所以我在上一篇文章中添加了错误。
但问题是我想在 Web Storm 中为翡翠设置文件观察器

标签： macos node.js web ide pug

【解决方案1】：

EISDIR error is caused when a Node application expects a file, but gets a directory。

this block of code 抛出了该错误的特定实例：

fs.writeFile(path, output, function(err){
          if (err) throw err;
          console.log('  \033[90mrendered \033[36m%s\033[0m', path);
        });

你可以看出来，因为不是错误号 156，而是相关代码的行号。

你有没有在/Applications/MAMP/htdocs/HTMLCodes/Sports/public_html 中有一个名为main.html 的目录？

此外，您应该能够只执行命令 jade main.jade 而无需第二个参数。这似乎会让你的生活更轻松。

尽管如果您在 Mac 上使用 Webstorm，this configuration should work equally well，或者为了保持简单，只需将 $FileName$ 放在参数中并去掉输出路径。

这似乎是 Webstorm 观察者相当普遍的问题，因此您可能只想使用命令行 jade --watch。

【讨论】：