2014-09-25 65 views
0

例如,要查看函數或mixin接受的參數,我們使用Stylus內置函數p()p(rgba)應該生成inspect: rgba(red, green, blue, alpha)。我用一行p(rgba)創建了一個文件style.styl。編譯它,但生成的.css文件是空的。不是我感到驚訝,我的意思是我明白這段代碼不會生成任何CSS。但我在哪裏尋找輸出?觸筆輸出到哪裏?

是否應該有某種控制檯或什麼?或者它只是用於在Stylus mixins和函數中傳遞一些參數(這會很奇怪)?我正在運行OS X並使用免費版的Prepros應用程序編譯Stylus。也許它與Node.js有關?我還不熟悉它,儘管我知道JavaScript。

回答

0

我找到了使用終端應用程序的輸出。爲此我必須首先安裝node.js,之後我使用終端鍵入nmp install -g stylus安裝Stylus,最後我可以使用命令stylus + .styl文件的路徑編譯任何.styl文件。該文件編譯後,我能看到輸出我一直在尋找:我認爲,問題是,我沒有`node.js`和

inspect: rgba(red, green, blue, alpha) 
    compiled style.css 
0

該函數通過Node.js的console.log方法將信息輸出到STDIN中。我不知道在Prepros中是否有任何類型的STDIN(也許是一些日誌?)。

+0

'Stylus'安裝在我的系統上。如果你需要的只是生成的'.css'文件,那就很好了。所以我安裝了這些程序,並使用終端編譯了'.styl',並允許我在終端窗口中查看Stylus的所有消息。我在Prepros中沒有看到任何控制檯/日誌文件,我也嘗試過CodeKit,它有一些日誌,但它除了編譯日誌外什麼都沒有。謝謝你的回答! – 2014-09-25 21:20:11