JS
来源:互联网 发布:淘宝旺铺助手 编辑:程序博客网 时间:2024/06/05 09:06
前言:
SASS用法指南-阮一峰
Perform : Mac
正文
使用Webstrom的默认编译选项
当写一个*.sass
文件时,Webstrom会自动提示我们是否开启File Watchers
。
当点击Yes时就会弹出SCSS的配置选项,当然也可以通过下面方式来添加SCSS:
Webstrom -> Preferences -> Tools -> File Watchers -> +
当使用默认选项时,SASS自动编译会将*.sass
文件自动编译为*.css&*.css.map
文件,且放在同级目录下。
ProjectRoot|-- sass | -- test.sass -- test.css -- test.css.map
当然,当然请确保使用如下命令安装了SASS:
brew install rubygem install sass
指定输出的目录
也可以修改SASS的配置选项中的Arguments来修改*.css&*.css.map
的输出目录。
// 这里是将`*.css&*.css.map`文件输出到ProjectRoot/target/css目录下--no-cache --update $FileName$:$ContentRoot$/target/css/$FileNameWithoutExtension$.css
此外,推荐将Options
中的Trigger watcher ...
选项勾上,并将Show Console
改为Always
,用来保证SASS的实时性。
配置图
阅读全文
0 0
- js
- js
- JS
- JS
- JS
- js
- js
- js
- js
- js
- JS
- js
- JS
- js
- js
- js
- js
- JS
- Codefoces-811A Vladik and Courtesy [模拟]
- Magento 2中文手册教程
- FragmentDialog横屏全屏
- PhotoShop cc 2017安装 zeplin插件
- 用宏定义来完成运算(本文来自百度文库)
- JS
- Mac xelatex
- Java 5*5数组的三种排列例子
- 创新实训5.28 代码转交&实时评测
- JAVA Swing常见的布局管理器
- OOD对ATM分析类进行补充、调整
- 编程第四十一、四十二天
- webutil1.0版本下,t400电脑,一些性能问题
- A Discriminative Feature Learning Approach for Deep Face Recognition