❶ webstrom怎么安装sass
1、下载ruby最新版2.1.5，安全起见可以安装ruby 1.9.3-p551
ruby安装文件自己网络一下，容易找到。
2、安装过程中，一定注意勾选第二项！否则cmd命令会找不到。
3、安装完后，检查是否安装成功
Win+r快捷键启动cmd命令窗口，输入ruby -v，注意中间空格，显示版本号说明成功。
4、借助ruby安装sass，dos命令窗口输入“gem install sass”
该命令一定要在system32文件下cmd.exe执行，默认安装目录在C:\Windows\System32\cmd.exe文件
5、安装过程中，耐心等待，直到提示安装进度100%。
同样通过“sass -v”命令(中间有空格)检查安装结果，显示当前版本号。
6、接着需要配置webstorm下sass编译环境。
打开webstorm创建空项目，点击“File”菜单选择“Setting”，搜索“watcher”关键字，
7、点击右边绿色加号，选择“SCSS”文件类型。
8、输入监视文件类型名称(随便写)，关键第二个选项，一定要选择ruby安装目录bin文件下的scss.bat文件
9、最后，创建.scss文件输入scss css代码，保存后会生成后缀.css文件，说明环境编译没问题。
❷ webstorm vue文件中写sass提示错误，应该怎么配置才能不提示错误
Webstorm是一个很牛叉的IDE，现在工作每天都是用它了。
最近开始用SASS，LESS等来写CSS，而在Webstorm中，它自带一个File Watchers功能，设置一下，即可实时编译SASS，LESS等。
LESS的实时编译很简单，在node平台安装一下即可。
而在折腾SASS在Webstorm上的实时编译时，花了我一点时间。因为按照网上的教程设置都不成功，最后自己把设置改来改去终于折腾好了。
下面就是在WebStorm设置SASS的File Watchers的步骤：
1. 安装Ruby
，去这里下载，然后安装。
2. 安装Sass
安装好Ruby后，打开CMD命令，输入：
gem install sass
注意：
这里有可能安装没反应或提示网络错误什么的。解决办法是使用淘宝的Ruby gem镜像：
$ gem sources --remove
$ gem sources -a
$ gem sources -l
*** CURRENT SOURCES ***
# 请确保只有 ruby.taobao.org
$ gem install sass
3. 上面都安装没问题以后，就可以设置Webstorm或PHPStorm了
3.1 打开Webstorm的设置界面，然后搜索File Watcher；
3.2 点击File Watchers界面的增加按钮；
3.3 然后设置界面如下：
注意：
如果你想用SCSS，并且Ruby是安装在默认路径下，那么”File Type:“和”Program：“那里的设置就和我一样；
如果是用SASS，那么你在新建时应该选择SASS的类型，”Program：“也应该选”sass.bat“。
A
❸ sass和less的区别在哪里
1.编译环境不一样
Sass的安装需要Ruby环境，是在服务端处理的，而Less是需要引入less.js来处理Less
代码输出css到浏览器，也可以在开发环节使用Less，然后编译成css文件，直接放到
项目中。
2.变量符不一相
less是@，而scss是$,而且它们的作用域也不一样，less是块级作用域
3.输出设置不一样
Less没有输出设置，sass提供4种输出选项，nested,compact,compressed和expanded nested：
嵌套缩进的css代码(默认) expanded：展开的多行css代码 compact：简洁格式的css代码
compressed：压缩后的css代码
4.sass支持条件语句，可以使用if{}else{},for{}循环等等，而less不行
5.引用外部css文件
sass引用外部文件必须以开头，文件名如果以下划线形状，sass会认为该文件是一个引用文件，
不会将其编译为css文件。less引用外部文件和css中的@import没什么差异。
6.sass和less的工具库不同
sass有工具库Compass, 简单说，sass和Compass的关系有点像Javascript和jQuery的关系,
Compass是sass的工具库。在它的基础上，封装了一系列有用的模块和模板，补充强化了
sass的功能。less有UI组件库Bootstrap,Bootstrap是web前端开发中一个比较有名的前端UI
组件库，Bootstrap的样式文件部分源码就是采用less语法编写。
总结：
不管是sass，还是less，都可以视为一种基于CSS之上的高级语言，其目的是使得CSS开发更
灵活和更强大，sass的功能比less强大,基本可以说是一种真正的编程语言了，less则相对
清晰明了,易于上手,对编译环境要求比较宽松。考虑到编译sass要安装Ruby,而Ruby官网在
国内访问不了,个人在实际开发中更倾向于选择less。 （BY三人行慕课）