如何激活webstorm for mac 2016 2.3

Posted 2023-03-16

参考技术A webstorm安装sass插件，使webstorm自动编译sass文件，然后再打开设置窗口- >file Watchers- >右边的绿色加号- >scss，点击ok即可完成scss文件的时时编译。接下来配置：时时生成css和css.map文件在\\'Arguments\\':--no-cache --update $FileName$:$FileNameWithoutExtension$.css中添加 --sourcemap --watch 即：--no-cache --update --sourcemap --watch $FileName$:$FileNameWithoutExtension$.css在\\'Output paths to refresh\\':$FileNameWithoutExtension$.css后面添加:$FileNameWithoutExtension$.css.map即：$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map单击ok，此时时时编译后会产生.css文件和.css.map两个文件，默认是生成.css一个文件。最后配置：修改生成文件位置在 \\'Arguments\\'中的 $FileName$:后面和$FileNameWithoutExtension$.css前面添加配置路径例--no-cache --update --sourcemap --watch $FileName$:$FileParentDir$css$FileNameWithoutExtension$.css这是在scss文件所在目录的父级目录下的css文件夹放置生成文件，其中的$FileParentDir$代表当前文件夹得父级文件夹。借鉴来一下希望对你有帮助~