WebStorm:没有在Mac上编译

时间:2015-03-25 06:51:56

标签: css less webstorm

我在Mac上安装了WebStorm 9。即使安装了LESS Compiler插件,我也无法将我的LESS代码编译为CSS。

显示以下消息:

  

“缺少CSS输出目录 - 您可以在设置>项目设置> LESS编译器下添加CSS输出目录”

虽然没有“项目设置”,但我在“设置”中将目录添加到LESS编译器。

它仍然不起作用。

2 个答案:

答案 0 :(得分:1)

已知问题 - 请参阅https://github.com/acdvorak/intellij-lessc-plugin/issues/47。 我建议使用配置为文件监视器instread的较少编译器(npm install -g less) - 参见https://www.jetbrains.com/webstorm/help/transpiling-sass-less-and-scss-to-css.html

答案 1 :(得分:0)

我也遇到了mac WebStorm中的问题,终于找到了错误的地方:

WebStorm Less编译器仅适用于ver。少1.6.2

请在您的项目下使用:

<div class="container">
<div class="row">
        <div class="col-md-3" id="abouttext">
        <img  id="aboutphoto" src="../images/Micheal_morrison.jpg" class="pull-left img-thumbnail img-responsive" alt="Dr.Michael Morrison"/>
        </div>
        <div class="col-md-7" id="abouttext">
        <h3>Doctor</h3>
        <p>dLorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus</p>

        <h4>How does it work?</h4>
        <p>dLorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus</p>

        <h4>Why Intuitive healing? </h4>
        <p>dLorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus</p>
        </div>
</div>

然后在WebStorm的文件监视器中编辑更少的观察者, 在计划字段中将路径更改为:

sudo npm install less@1.6.2
然后会出现快乐的CSS。 :)