webstorm设置sass自动编译,及参数配置
2018-03-11 11:21
1541 查看
网上有很很多webstorm配置sass的教程,不过我觉得这篇最好转载自:http://blog.csdn.net/wytbr666/article/details/77477182安装Ruby:https://rubyinstaller.org/downloads/ 安装成功后,用命令进行检查,成功会显示版本信息
ruby -vgem -v12安装sass在命令行输入:
gem install sass1安装成功后,在D:\Ruby23-x64\bin里面会有scss.bat的文件在webstorm中添加WatcherFile -> Settings -> Tools -> File Watchers -> + -> SCSS1、Arguments:配置编译后的文件的输出路径:
--no-cache --update --sourcemap watch $FileName$:$FileParentDir$\css\$FileNameWithoutExtension$.css12、Output paths to refresh:
$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map13、Program:同步编译只能在项目文件夹下,也就是webstorm左侧打开的项目.随便打开一个项目外的文件是不行的不能带有中文,无论是路径名,文件名,文件里的内容,都不能识别中文,如果非要在文件中加入中文,可以试试在sass文件开头加入 @charset ‘UTF-8’;参数设置参数值里,-t 后面可以配置的值
相关文章推荐
- 在webstorm中配置sass的自动编译,并且可以指定编译后的css的目录
- webstorm设置修改文件后自动编译并刷新浏览器页面
- webstorm配置scss自动编译路径
- phpstorm配置File Watcher在windows下自动编译sass文件
- Sass/SCSS(关系,安装,webstorm配置编译,使用,语法)
- webstorm设置修改文件后自动编译并刷新浏览器页面
- webstorm配置scss自动编译路径
- PHP Strom 配置less 并设置编译后在远程开发模式下自动上传css文件
- Webstorm配置SASS编译环境
- windows下搭建Ruby+Sass环境,webstorm和intellij idea自动编译sass和scss文件
- webstorm配置编译sass的输出目录
- webstorm配置编译sass的输出目录
- Webstorm中配置babel参数在同一目录下将ES6编译为ES5
- grunt配置sass项目自动编译
- webstorm 配置sass 编译
- 【转】IDEA IDEA 9 快捷键 utf-8 编码 参数设置 编码设置 设置配置 自动保存设置 优化设置
- HBuilder配置Less或者Sass自动编译
- Nodejs+Grunt配置SASS项目自动编译
- webstorm配置编译sass的输出目录
- WebStorm ES6 语法支持设置&babel使用及自动编译(详解)