当前位置: 首页 > Web前端 > HTML5

webstorm下sass编译问题

时间:2023-04-05 20:46:46 HTML5

saas需要在ruby环境下运行,所以需要安装ruby32/641,安装ruby2,DOS命令,测试ruby是否安装:ruby-v(回车,版本号为ruby安装成功)3、安装sass命令:geminstallsass4、测试sass是否安装成功:sass-v(回车,如果出现版本号,则sass安装成功)方法一:DOS命令sass转换和询问css文件监控1、在文件目录下,打开dos命令行的方法:shift+右键2、在命令行中输入sass命令,将sass文件编译成css文件sassstyle.scssmystyle.csssassstyle.scss../css/mystyle.css监控编译:修改sass时,同步修改css文件sass--watchstyle.scss:../css/mystyle.css3.退出监控ctrl+c,选择y方法二:webstorm自带监控1.一劳永逸:配置IDE环境:IDE配置(位置:setting-->Tools-->Filewatchers)如果sass和css分别是存放scss和css的两个文件夹:参数:--styleexpanded--no-cache--update$FileName$:../css/$FileNameWithoutExtension$.css中文编译错误:[不能使用任何文件名和备注有中文]找到文件1,lib\ruby\gems\2.3.0\gems\sass-3.4。22\lib\sass\importers\filesystem.rb第87行ifname.index(@root+"/")==0改为ifname.encode("utf-8",'gbk').index(@root+"/")==02.在.scss文件头部添加下面这句@charset"UTF-8"