无法获得SASS来输出Netbeans 8.0中的.css文件 [英] Cannot get SASS to output .css file in Netbeans 8.0

问题描述

我正在尝试学习使用SASS来扩展我的Web开发技能，但是我遇到了一个问题.我正在运行Windows 7，已经安装了Ruby193和SASS gem，并且正在使用Netbeans 8.0作为我的IDE.

I'm trying to learn to use SASS to expand my web development skills but I've run into a problem. I'm running Windows 7 , I have installed both Ruby193 and SASS gem and I'm using Netbeans 8.0 as my IDE.

我的系统路径指向C:\Ruby193\bin，我可以在命令提示符下键入ruby -v而不会出现错误，因此我认为设置正确.

My system path points to C:\Ruby193\bin and I can type ruby -v from my command prompt without error, so I believe that is set up correctly.

在项目属性的CSS Preprocessors下，我将输入设置为/scss，将输出设置为/css.在配置可执行文件"中，我将SASS路径设置为C:\Ruby193\bin\sass.bat.根据我的阅读，这是正确的.

Under CSS Preprocessors in project properties I have input set to /scss and output set to /css. In Configure Executables I have SASS path set to C:\Ruby193\bin\sass.bat. From what I have read, this is correct.

我还有一个简单的项目，它设置了两个目录css和scss，以及一个带有测试文本的index.html和标题中的css/style.css链接.在我的scss目录中，我有style.scss及其一些测试代码.我的css目录为空.据我了解，当我编译SASS时，应该从style.scss生成一个css/style.css，但是事实并非如此.

I've also got a simple project set up with two directories css and scss as well as an index.html with test text and a link to css/style.css in the header. In my scss directory I have style.scss with some test code. My css directory is empty. It is my understanding that when I compile SASS should generate a css/style.css from style.scss, however it does not.

Netbeans-安装SASS 和

Both Netbeans - installing SASS and Does Netbeans generate a separate CSS file when saving a SASS file? have the same problem I do, but neither solution seems to work for me. Could anyone offer me some help? I've also attached an image of my settings.

在此先感谢您提供的任何帮助！

Thanks in advance for any help you can offer!

http://i.imgur.com/atyHT84.png

推荐答案

1)创建css/styles.css. 2)键入"--style compact"，然后在CSS compact中选中保存时编译Sass文件".

1) create css/styles.css. 2) type "--style compact" and check "Compile Sass files on save" in the CSS compact.

这篇关于无法获得SASS来输出Netbeans 8.0中的.css文件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！