WebStorm配置Sass实现自动编译

已于 2023-04-26 17:40:04 修改
阅读量372 收藏
点赞数 1
分类专栏： Win搭建开发环境 文章标签： webstorm sass css
于 2023-04-26 17:38:24 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/SHI940637335/article/details/130389800
版权
该文详细介绍了如何在Windows上安装Ruby，包括下载RubyInstaller并进行默认安装，然后通过命令行检测安装和更改Ruby源。接着，文章指导读者安装Sass和Compass，并验证它们的版本。最后，文章阐述了在WebStorm中配置Sass编译设置，以生成CSS文件。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

一、Ruby安装

1.下载与安装

https://rubyinstaller.org/downloads/

在这里插入图片描述

安装一路下一步即可，默认勾选的框勾选即可，不要更改

2.检测

ruby -v

在这里插入图片描述

3.更改Ruby源

3.1查看已经安装的source源

gem sources -l

在这里插入图片描述

3.2更换国内的源

gem sources --add https://gems.ruby-china.com/  --remove https://rubygems.org/

在这里插入图片描述

二、Sass安装

gem install sass

在这里插入图片描述

gem install compass

在这里插入图片描述

sass -v

compass -v

在这里插入图片描述

三、WebStrom配置Sass

在这里插入图片描述在这里插入图片描述

$FileName$:$FileParentDir$\css\$FileNameWithoutExtension$.css

在这里插入图片描述
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值