webstorm配置scss 自动编译成css

1,279 阅读1分钟

上图看看别人的教程

image.png

因为SASS是依赖ruby的,所以我们需要去安装ruby,ruby在window下的安装文件下载可以在 rubyinstaller.org/downloads/ 网站找到,我这里下载的是2.7.3 推荐安装的版本

win环境的安装很傻瓜,一路next就行了,不过记得在选择目录的时候,有个add to PATH选项一定要勾上,这样就不用我们手动配置环境变量了。这里我安装到D盘D:\Program Files (x86)\Ruby27-x64 然而 我安装目录里没有这个scss.bat 文件

安装完成在cmd里输入ruby -v 看看是否安装成功

ruby 2.7.3p183 (2021-04-05 revision 6847ee089d) [x64-mingw32]

原来还要安装 sass
gem install sass

image.png 输入sass -v 查看是否安装成功 安装成功之后bin 目录下就有个scss.bat的文件了

然后就可以去webstorm里去关联了