让webStorm支持自动监听编译scss文件

简介: 前提概要今日,重装了两波系统,,,之前安装的各种环境都忘光了,重新又踩一次坑的感觉很不舒服,所以记录一下配置自动编译scss一路遇到的坑一、webstrom run的时候控制台输出的错误中文提示乱码试过网上什么该配置文件,什么设置utf-8,,,对于我完全不起作用!最后解决方法是:File -...

前提概要

今日,重装了两波系统,,,之前安装的各种环境都忘光了,重新又踩一次坑的感觉很不舒服,所以记录一下配置自动编译scss一路遇到的坑

一、webstrom run的时候控制台输出的错误中文提示乱码

试过网上什么该配置文件,什么设置utf-8,,,对于我完全不起作用!最后解决方法是:
File -> setting -> file encoding 文件下的三个可以切换字符编码的全部换成 “GBK”

二、解决了中文乱码终于看到控制套scss编译错误提示的是什么了

正确的让webstrom 支持自动监听并编译scss文件步骤

  • 下载ruby安装包,傻瓜式安装,安装完成后
  • cmd 命令行输入 ruby -v ,如果出现版本号,那就是安装成功啦
  • cmd 命令行继续输入 gem install sass ,然后ruby的安装文件 bin文件下就会出现sass编译的各种工具
  • 在webstorm这样配置
    program : C:\Ruby25-x64\bin\scss.bat
    arguments : --no-cache --update $FileName$:$FileNameWithoutExtension$.css
    output.. : $FileNameWithoutExtension$.css

[我也很想上传图片,博客园的markdown上传图片上传不上去,提示失败,,,,]

作者:承蒙时光
出处:http://www.cnblogs.com/timetimetime/
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

相关文章
|
5月前
|
JavaScript 前端开发 开发者
介绍如何在WebStorm中调试JavaScript文件
介绍如何在WebStorm中调试JavaScript文件
160 1
|
12月前
|
JavaScript 小程序 开发工具
WebStorm中如何设置wepy文件代码高亮
WebStorm中如何设置wepy文件代码高亮
106 0
|
6月前
让VSCode的快捷键切换为WebStorm/IDEA的快捷键、修改颜色主题(深色模式)、文件图标主题
让VSCode的快捷键切换为WebStorm/IDEA的快捷键、修改颜色主题(深色模式)、文件图标主题
|
6月前
设置WebStorm查看本地源码文件个人修改的历史记录快捷键Alt+Shift+H、Ctrl+Shift+H(通常用于调试bug,发现文件出问题需要回溯到若干天之前)
设置WebStorm查看本地源码文件个人修改的历史记录快捷键Alt+Shift+H、Ctrl+Shift+H(通常用于调试bug,发现文件出问题需要回溯到若干天之前)
|
开发工具 git
webstorm找回未保存的文件
webstorm找回未保存的文件
300 0
idea、webStorm打开多个文件多排显示
idea、webStorm打开多个文件多排显示
910 0
idea、webStorm打开多个文件多排显示
|
Android开发
Webstorm点击文件自动对应所在文件夹(位置)
在使用eclipse的时候,搜索文件,然后想找到该文件对应左侧目录结构,这个时候在目录上右scroll from source 的按钮,点击它就可以对应了,也可以设置自动对应, 截图: 设置自动映射
1914 0
Intellij Idea/Webstorm/Phpstorm 版本控制忽略文件
本地差异化配置,不需要提交,这时候需要在整个版本控制中忽略掉文件的提交。 File -> Settings -> Version Control -> Ignored Files 本文转自懒得安分博客园博客,原文链接:http://www.
2168 0
如何在Webstorm/Phpstorm中设置连接FTP,并快速进行文件比较,上传下载,同步等操作
Phpstorm除了能直接打开localhost文件之外,还可以连接FTP,除了完成正常的数据传递任务之外,还可以进行本地文件与服务端文件的异同比较,同一文件自动匹配目录上传,下载,这些功能是平常IDE,FTP软件中少见的,而且是很耗工作时间的一个操作。
2161 0
|
JavaScript 前端开发 数据格式
webstorm添加*.vue文件代码提醒支持webstorm支持es6vue里支持es6写法
本文转自:http://www.lred.me/2016/01/07/webstorm%E6%B7%BB%E5%8A%A0-vue%E6%96%87%E4%BB%B6%E6%94%AF%E6%8C%81/ webstorm是前端开发神器,但我一直都不喜欢webstorm,就因为那很挫的配色和那大光标。
1265 0