webstorm配置编译sass的输出目录
来源:互联网 发布:电脑软件莫名消失 编辑:程序博客网 时间:2024/06/05 11:23
关于这个的问题,虽说不是很难,但还是踩了点小坑,下面就来介绍下如何使用webstorm配置编译sass的输出目录。
1.下载Ruby
2.使用Ruby安装sass
3.检测是否安装成功。
前面的几步很多教程上都有,就不详细说了。
一般来说,我们期望scss目录和css目录是单独分开的,在scss目录中建立index.scss的文件。会弹出如上提示,点击yes,如果不小心点了no的话……
一样可以进入这个页面。
如果这样的默认路径,编译好的css文件是会直接生成在scss文件下。
但是我们可以将Arguments中的路径 --no-cache --update $FileName$:$FileNameWithoutExtension$.css
改成这样--no-cache --update $FileName$:$FileParentDir$\css\$FileNameWithoutExtension$.css
这样的话,生成的css文件就会在css目录下了
最后在提一点,如果要在scss文件中,输入中文的话,需要写上
@charset "UTF-8";
0 0
- webstorm配置编译sass的输出目录
- webstorm配置编译sass的输出目录
- Webstorm配置SASS编译环境
- 在webstorm中配置sass的自动编译,并且可以指定编译后的css的目录
- win10下配置webstorm自动编译SASS
- Sass/SCSS(关系,安装,webstorm配置编译,使用,语法)
- webstorm设置sass自动编译
- less,webstorm 自动编译输出css配置
- sass安装与webstorm配置
- SASS详解之编译输出的样式
- 在webstorm中配置sass环境
- gulp-sass编译无输出
- Sass 编译与不同风格的输出方式
- less-webstorm 编译配置
- 为WebStorm设置SASS的File Watchers
- sass的输出风格
- webstorm入门5-sass、scss、less监听编译
- Sass的编译环境
- linux 根据端口 查找对应的进程
- scikit-learn:3.1. Cross-validation: evaluating estimator performance
- 给服务器Poweredge R710装ubuntu
- 我们梳理了国内外逾80家公司,发现6大关键趋势 | 36氪眼健康行业报告
- 通用套接字选项和TCP套接字选项
- webstorm配置编译sass的输出目录
- elasticsearch安装问题
- 自动设置信任关系并修改hosts文件ip
- 内网远程连接桌面的指令与方法,远程连接服务器部署项目、远程重启服务器项目
- SpringBoot非官方教程 | 第二十五篇:2小时学会springboot
- 开闭原则——open-closed principle, ocp
- TCP之非阻塞connect和accept
- mongoexport导出数据
- 教你轻松打包.a和framework静态库