文档章节

在Webstorm中配置Compass Watcher

楠木楠
 楠木楠
发布于 2016/12/07 15:39
字数 227
阅读 50
收藏 0
点赞 0
评论 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$)$ 吧。

© 著作权归作者所有

共有 人打赏支持
楠木楠
粉丝 111
博文 488
码字总数 544424
作品 0
济南
技术主管
Webstorm+Chrome plugins JetBrains IDE Support实现强大的JavaScript调试功能

前言 WebStorm是Jetbrains公司旗下一款JavaScript 开发工具,当你打开这款软件的时候会觉得特别的熟悉,因为它和itellj idea属于同款产品,界面和快捷键基本类似,而且功能非常强大,提示也非...

changyinling520 ⋅ 05/10 ⋅ 0

WebStorm 2018.1.3 新增与 Angular 6 支持相关的改进

WebStorm 2018.1.3 已发布,请使用 Toolbox App 或 IDE 进行更新,或直接下载 WebStorm 2018.1.3。 官方的发布公告显示,本次更新添加了许多与 Angular 6 支持相关的改进(包括从 IDE 欢迎屏...

局长 ⋅ 05/10 ⋅ 0

IntelliJ IDEA和webstorm一直卡在scanning files to index解决方案

最近做新的项目,cnpm install 之后node_modules 中文件暴增,导致webstorm一直卡在“Scanning files to index ......”甚至几度崩溃,切换为IntelliJ IDEA结果一致。无奈+烦躁,在网上找了解...

四小七 ⋅ 05/10 ⋅ 0

前端开发: WebStorm局域网手机真机调试

1. 做好准备工作 安装webstorm以及新建一个项目写个demo 确保是同一局域网,同一个路由器下的WiFi或者其他内部网络 安装google二维码插件 (草料二维码) 2. 开始设置 用webstorm打开demo,打开偏...

BoooBooo冰Booo ⋅ 05/22 ⋅ 0

WebStorm mac下如何安装WebStorm + 破解

1、下载软件最好的地址就是官网了 下载地址 选择好系统版本以后点击DOWNLOAD 2、安装 双击下载好的安装包、将WebStromt拖入application文件夹,然后在Launchpad中找到并打开...

sinat_17775997 ⋅ 04/27 ⋅ 0

WebStorm mac版破解方法(包括下载地址* 支持windows)

//联系人:石虎 QQ:1224614774 昵称:嗡嘛呢叭咪哄 作者通过文章感恩女神的大力支持,感谢!感谢!感谢! 女神图: 女神图: 一、下载并且安装 webStorm 开发软件 1、进入 下载 https://www.newasp...

石虎132 ⋅ 04/19 ⋅ 0

pycharm在安装nodejs后因node_modules目录导致太卡的解决方法

打开项目设置,把node_modules目录设置为Excluded,立马解卡. 同理,适用于jetbrains公司的其他ide,比如phpstorm,webstorm等. 对于项目中其他不需要index的目录也可以这样设置一下,提高速度....

漫步海边小路 ⋅ 04/29 ⋅ 0

使用MySQL Workbench修改表字符集

问题 MySQL官方网站提供了诸多免费的数据库操作工具,其中, Workbench是一款免费的极佳可视化数据库管理工具,你只需要下载最新版本,即可随心所欲地管理以往许多其他版本的数据库,当然配合...

朱先忠老师 ⋅ 05/09 ⋅ 0

webstorm 设置默认浏览器中打开快捷键

webstorm 设置默认浏览器中打开快捷键 1,点击菜单 files --》 settings --》在左侧菜单中 Appearance &behavior 下面有一个keymap 点击--》在右侧搜索 open in default browser,并设置快捷键...

麦克风 ⋅ 05/05 ⋅ 0

svn检出时报错,Error: Repository moved temporarily to 'xxx'

用HBuilder自带的svn插件检出没有任何问题,用webstorm的SVNTool检出和用小乌龟svn检出就会报这个错误 求大神解惑

程序员与程序猿 ⋅ 04/28 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

十五周二次课

十五周二次课 17.1mysql主从介绍 17.2准备工作 17.3配置主 17.4配置从 17.5测试主从同步 17.1mysql主从介绍 MySQL主从介绍 MySQL主从又叫做Replication、AB复制。简单讲就是A和B两台机器做主...

河图再现 ⋅ 51分钟前 ⋅ 0

docker安装snmp rrdtool环境

以Ubuntu16:04作为基础版本 docker pull ubuntu:16.04 启动一个容器 docker run -d -i -t --name flow_mete ubuntu:16.04 bash 进入容器 docker exec -it flow_mete bash cd ~ 安装基本软件 ......

messud4312 ⋅ 今天 ⋅ 0

OSChina 周一乱弹 —— 快别开心了,你还没有女友呢。

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @莱布妮子 :分享吴彤的单曲《好春光》 《好春光》- 吴彤 手机党少年们想听歌,请使劲儿戳(这里) @clouddyy :小萝莉街上乱跑,误把我认错成...

小小编辑 ⋅ 今天 ⋅ 7

mysql in action / alter table

change character set ALTER SCHEMA `employees` DEFAULT CHARACTER SET utf8mb4 DEFAULT COLLATE utf8mb4_general_ci ;ALTER TABLE `employees`.`t2` CHARACTER SET = utf8mb4 , COLLAT......

qwfys ⋅ 今天 ⋅ 0

Java 开发者不容错过的 12 种高效工具

Java 开发者常常都会想办法如何更快地编写 Java 代码,让编程变得更加轻松。目前,市面上涌现出越来越多的高效编程工具。所以,以下总结了一系列工具列表,其中包含了大多数开发人员已经使用...

jason_kiss ⋅ 昨天 ⋅ 0

Linux下php访问远程ms sqlserver

1、安装freetds(略,安装在/opt/local/freetds 下) 2、cd /path/to/php-5.6.36/ 进入PHP源码目录 3、cd ext/mssql进入MSSQL模块源码目录 4、/opt/php/bin/phpize生成编译配置文件 5、 . ./...

wangxuwei ⋅ 昨天 ⋅ 0

如何成为技术专家

文章来源于 -- 时间的朋友 拥有良好的心态。首先要有空杯心态,用欣赏的眼光发现并学习别人的长处,包括但不限于工具的使用,工作方法,解决问题以及规划未来的能力等。向别人学习的同时要注...

长安一梦 ⋅ 昨天 ⋅ 0

Linux vmstat命令实战详解

vmstat命令是最常见的Linux/Unix监控工具,可以展现给定时间间隔的服务器的状态值,包括服务器的CPU使用率,内存使用,虚拟内存交换情况,IO读写情况。这个命令是我查看Linux/Unix最喜爱的命令...

刘祖鹏 ⋅ 昨天 ⋅ 0

MySQL

查看表相关命令 - 查看表结构    desc 表名- 查看生成表的SQL    show create table 表名- 查看索引    show index from  表名 使用索引和不使用索引 由于索引是专门用于加...

stars永恒 ⋅ 昨天 ⋅ 0

easyui学习笔记

EasyUI常用控件禁用方法 combobox $("#id").combobox({ disabled: true }); ----- $("#id").combobox({ disabled: false}); validatebox $("#id").attr("readonly", true); ----- $("#id").r......

miaojiangmin ⋅ 昨天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部