webstorm RubyScss被禁用应该怎么办

Python014

webstorm RubyScss被禁用应该怎么办,第1张

webStorm 配置sass ,安装ruby 及实现编译scss文件

1、首先从 官网下载ruby

2、安装 过程中

安装成功后，查看版本信息

ruby -v

gem -v

3、 安装Sass ，安装完后，会在 C:\Ruby23\bin 多出如下文件

gem install sass

4、Webstorm里添加Watcher

工具栏--File ---打开Settings下的 -----Tools ---【File Watchers】右边栏的 "+" 选择 SCSS

Program:

C:\Ruby23\bin\scss.bat

Arguments

--no-cache --update --sourcemap --watch $FileName$:$FileNameWithoutExtension$.css

Output paths to refresh

$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map

Environment variables

C:/Ruby23/bin

ps、 注意，如果文件路径有修改如：

未修改： C:\Ruby23-x64\bin

修改后： C:\Ruby23\bin

这几个地方要统一：

之前是 Ruby23-x64 ------>改后： Ruby23

环境变量也需要改动。。。。。。。。。。。所以。。最好使用默认名称。

编译后前后CSS

编译sass文件

在命令行下进入到sass文件所在目录，

运行>compass compile

也可以指定要编译的文件

>compass compile fileName.scss

#sass文件夹下会有个config文件指定编译后的css存放位置。

Nodejs是一个服务器端 JavaScript 解释器，它将改变服务器应该如何工作的概念。它的目标是帮助程序员构建高度可伸缩的应用程序，编写能够处理数万条同时连接到一个（只有一个）物理机的连接代码。