首页 > 代码库 > webstorm 解析scss预处理器的方法及步骤

webstorm 解析scss预处理器的方法及步骤

# 下载并安装ruby (暂时用的rubyinstaller-2.3.3-x64)
   https://rubyinstaller.org/downloads/
# 安装的时候注意勾选第二项 配置环境变量

技术分享
# ruby安装完毕,cmd命令行输入gem install sass 安装解析器(注意这里是sass,而不是scss)

技术分享
# 在webstrom中,配置file watchers 的program路径 C:\Ruby23-x64\bin\scss.bat (具体情况依据自己电脑路径)

技术分享
# 修改scss文件内容后,webstorm能够自动生成同名css文件,说明安装成功

技术分享

webstorm 解析scss预处理器的方法及步骤