scss安装并配置webstrom

昨天没忍住,败了慕课网的vue,结果就是今天重配了下sass

可能因为,手不太好使稍微整理了一下文件+升了win10,路径变掉了,导致我原来在webstrom里面配好的sass又要重新配一遍;

改了路径后报Process finished with exit code 1【可能不单纯是路径问题】

重新捋一遍sass安装过程

安装参见http://www.w3cplus.com/sassguide/install.html

建议环境变量那个文件选项一定选上,不记得之前选了没,现在一定要切到rubybin目录下才能用gem

发现sass –v这个命令都不能执行,重装。

在更换源的时候–remove去不掉

–r就去掉了      【不懂orz

Sasswebstrom中的配置

Fileànewàedit file templates可以根据个人习惯添加sass的模板

Fileàsetting添加scss的监听

Program就是编译scss文件脚本的位置

Argiments是要执行的命令,可以根据自己的需要修改参数css文件输出的路径在这里面改

比如--no-cache --update$FileName$:$FileParentDir$\css\$FileNameWithoutExtension$.css 

之后生成的css在和我scss目录同级的css目录下

Working directory工作目录,右边那个insert按钮插入的路径就是根据这个来的。每个路径都有解释,很清楚。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值