webstorm设置sass自动编译
来源:互联网 发布:js 判断上传文件类型 编辑:程序博客网 时间:2024/05/19 12:25
安装Ruby:https://rubyinstaller.org/downloads/
安装成功后,用命令进行检查,成功会显示版本信息
ruby -vgem -v
- 安装sass
在命令行输入:
gem install sass
安装成功后,在D:\Ruby23-x64\bin里面会有scss.bat的文件
在webstorm中添加Watcher
- File -> Settings -> Tools -> File Watchers -> + -> SCSS
1、Arguments:配置编译后的文件的输出路径:
--no-cache --update --sourcemap watch $FileName$:$FileParentDir$\css\$FileNameWithoutExtension$.css
2、Output paths to refresh:
$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map
3、Program:
- 同步编译只能在项目文件夹下,也就是webstorm左侧打开的项目.随便打开一个项目外的文件是不行的
不能带有中文,无论是路径名,文件名,文件里的内容,都不能识别中文,如果非要在文件中加入中文,可以试试在sass文件开头加入 @charset ‘UTF-8’;
参数设置
参数值里,-t 后面可以配置的值
阅读全文
0 0
- webstorm设置sass自动编译
- win10下配置webstorm自动编译SASS
- webstorm下设置sass
- Webstorm配置SASS编译环境
- webstorm配置编译sass的输出目录
- webstorm配置编译sass的输出目录
- 为WebStorm设置SASS的File Watchers
- webstorm自动编译typescript
- WebStorm自动编译less
- 关于webStorm设置less自动编译css和sourcemap问题
- 在webstorm中配置sass的自动编译,并且可以指定编译后的css的目录
- Webstorm 设置 自动换行
- Re:从零开始的实习生活01----webstorm和intellij idea下如何自动编译sass和scss文件
- webstorm入门5-sass、scss、less监听编译
- Sass/SCSS(关系,安装,webstorm配置编译,使用,语法)
- 使用gulp-sass 和 gulp-livereload 自动编译sass文件
- gulp自动监视Sass编译css
- webstrom自动编译sass文件为css
- js获取本地地址及天气的几种方式
- Android零基础入门第42节:自定义BaseAdapter
- 每天一个linux命令(52):ifconfig命令
- ListView的自定义适配器Adapter
- Cookbook for R-基础(翻译笔记)
- webstorm设置sass自动编译
- 点击一个按钮显示div,点击div之外的地方div隐藏,点击div之内的地方div不隐藏
- 关于使用MFC DLL时提示内存泄漏问题
- 51nod1298 圆与三角形(点到点,点到线段距离模板)
- matlab与c中常用的多行注释
- vuex学习保留
- 新建txt,创建快捷方式
- 《OpenCV3编程入门》学习笔记六:图像处理
- 每天一个linux命令(53):route命令