最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
Webstorm中设置Ionic工程的sass watcher的例子
时间:2016-07-15 编辑:简简单单 来源:一聚教程网
这里以Websorm 11为例,其他版本或JetBrains的其他IDE都是类似的。首先在工程下面创建名为config.rb的compass配置文件,针对Ionic工程项目来说,配置文件的内容如下:
project_path = "www"
sass_dir = "."
sass_path= File.expand_path("scss")
css_dir = "www/css"
javascript_dir = "www/js"
images_dir = 'www/img'
这里需要特别注意的是,不能直接将sass_path设置成scss,而是需要同时设置sass_dir和sass_path,并且sass_path设置成File.expand_path(“scss”)。
接下来在File – Settings菜单中打开Settings对话框,首先打开Languages & Frameworks下面的Compass,选择Enable Compass support,将当前项目启用为支持compass,需要确定compass和config指向的文件都是正确的。
然后再依次选择 Tools 下面的 File Watchers,点击右上角的加号并选择Compass SCSS
设置如下:
Arguments的内容是compile -s compressed $ProjectFileDir$ $UnixSeparators($FilePath$)$,其中-s compressed 是compass内置的用于对输出的css进行压缩的参数,也可以在config.rb中进行设置。
相关文章
- 网易mumu模拟器怎么设置手柄按键 07-27
- wps表格首行缩进怎么设置 07-19
- wps电子表格怎么设置表头 07-19
- PPT怎么设置动画播放速度 07-17
- word正文格式怎么设置 07-17
- 滴滴顺风车app如何设置出行路线 07-10