安装webstorm或者IDEA(下面以IDEA为例):

1.打开IDEA,在命令行输入sass -v,测试sass是否已经安装,如未安装,请点击这里查看。

2.打开IDEA---File---Settings---Plugin,在搜索里面查找File Watchers---点击右区域左下角Install JetBrains plugin...进行安装OK即可,如果有则可直接进行下一步。

scss编译输出css并转换成rem

3.重启IDEA,Settings---Tools---File Watchers,点击右上角的“+”找到SCSS。

scss编译输出css并转换成rem

找到SCSS后会弹出New Watcher,SCSS选择默认路径即可(c:\Ruby23-x64\bin\scss.bat),mac默认目录是/usr/local/bin/scss,配置好后点击OK即可。

scss编译输出css并转换成rem

4.在IDEA里面新建scss文件进行测试。

scss编译输出css并转换成rem

大功告成,开始美美的写项目吧~

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-09-27
  • 2022-12-23
  • 2022-12-23
  • 2021-06-24
  • 2022-01-09
  • 2021-09-03
猜你喜欢
  • 2021-05-20
  • 2022-12-23
  • 2022-12-23
  • 2021-08-20
  • 2022-01-21
相关资源
相似解决方案