文档章节

在Webstorm中配置Compass Watcher

小致dad
 小致dad
发布于 2016/12/07 15:39
字数 227
阅读 59
收藏 0

结合Webstorm和Compass,完成自动编译Scss文件为css,做个简单的记录。

1 首先用 webstorm 打开创建的 compass 项目,然后依次选择:

File->Settings->File Watchers

点击右边的加号,选择 Compass SCSS 添加一个 watcher :

2 在Program里面选择 ruby 安装路径的 bin 下面的 compass.bat , Arguments目录填入 compile $UnixSeparators($FilePath$)$ ,Working directory填入 $UnixSeparators($FileParentDir$)$ ,Output paths to refresh留空,保存之后就配置完成了。

默认编译的css文件有注释。生产环境需要压缩后的css文件,需要使用--output-style compressed参数。

Compass只编译发生变动的文件,如果你要重新编译未变动的文件,需要使用--force参数。

我的设置看起来是这样的:

如果你的项目不是在根目录的话, Working directory 配置为 $UnixSeparators($FileParentDir$)$ ,或者就直接把 Working directory 配置为 $UnixSeparators($FileParentDir$)$ 吧。

© 著作权归作者所有

共有 人打赏支持
上一篇: Compass的模块介绍
下一篇: CSS 布局模块
小致dad
粉丝 145
博文 538
码字总数 580295
作品 0
济南
技术主管
私信 提问
WebStorm开启Scss的Source Maps功能

本地安装好SCSS后,用WebStorm工具新建一个'*.scss'文件,就会自动提醒是否'Add watcher',直接点击一下就OK啦;前提是要本机安装了Ruby和SCSS才行; 这样WebStorm就会自动新建一个scss的'wa...

渊翼
2014/06/08
0
2
安装和配置—Webstorm入门指南

WebStrom档案 用途:功能强大的前端专用IDE,拥有即时编辑(chrome)、自动完成、debugger、Zen Coding、HTML5 支持、JSLint、Less支持、CoffeeScript支持、Node.JS、单元测试、集成git和svn...

李长春
2012/11/08
0
2
WebStorm 9正式发布——优越而简单

WebStorm 9带了更多引人注目的新特性。包括支持目前最热门、最强大的开发框架及应用库。并在WebStorm 9集成新的工具和改进性能。这次WebStorm 9正式发布,集合之前测试版的信息,整体给开发者...

kouxunli1
2014/10/31
0
0
WebStorm 2018.2 发布,改进 TypeScript 支持

WebStorm 2018.2 正式版本已发布,更新亮点包括: 检验工具提示 新的检验工具现在不仅会显示错误或警告描述,而且还提示最佳的快速修复方法。 查找未使用的代码 使用新的 Code Coverage 功能...

淡漠悠然
07/26
1K
6
WebStorm中Node.js项目配置教程(1)——创建项目

Node.js绝对是一个web开发的热点话题,作为web神器的WebStorm也是开发Node.js的佼佼者。 接下来就Node.js项目在WebStorm的配置操作就行详细的讲解,首先是创建项目。两种方式完成Node.js项目...

kouxunli1
2014/01/20
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Gensim?

Gensim是一款开源的第三方Python工具包,用于从原始的非结构化的文本中,无监督地学习到文本隐层的主题向量表达。它支持包括TF-IDF,LSA,LDA,和word2vec在内的多种主题模型算法,支持流式训...

火力全開
17分钟前
0
0
图片验证码

图片验证码,线上登录是最常见的场景,也有发送手机验证码之前进行图片验证码的验证。 图片验证码很大程度上防止机器人撞库登录或频繁发起短信验证码从而使系统暂时性"瘫痪"。 以下是项目中用...

貔貅叔
20分钟前
1
0
科班出身程序员和培训出来的程序员区别在哪?

科班出身只是代表你要从事的职业和你的专业是一致的,代表着你具备了得天独厚的优势,至于是不是优势看你上班好不好学,平时逃课没,上班是认真听还是玩手机。一般而言科班出来的理论性比较强...

java菜分享
20分钟前
0
0
java框架学习日志-8(AOP简介)

小王被委托开发一款游戏,程序分为启动页面,登陆页面,战斗页面等。小王就采用了面向对象编程思想(OOP),把整个程序分解成下图 这种就是传统的自上而下的编程,或者说纵向的编程,负责启动...

白话
20分钟前
2
0
简易ZK分布式锁实现与测试

分布式锁创建以及销毁 public class ZKLock { private String node; public String path = "/lock"; ZkClient zkClient = new ZkClient("192.168.0.239"); public......

zzx10
21分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部