windows环境下安装 scss
安装参考:
官网下载:
https://rubyinstaller.org/downloads/
使用了网页翻译,选择了推荐的安装程序。
一路默认安装。
安装中重要的勾选
还有一个选择是否使用UTF-8作为默认编码的选项,我也选了。
安装完成后自动启动命令行,不知道选择安装哪个版本,就使用推荐的全部安装,总大小四百多兆。
因为国内网络的问题导致 gem 源间歇性中断?我没有遇到这个问题。但在安装的过程中,让选择输入 [ ] 时,没反应,再点击enter 就意外退出了命令行。
莫名其妙,不明觉厉。
检查了下,所幸也安装成功了。
检查C盘也有相应的文件 ,这样就可以配置webstorm了。
备注:还有个node版本的sass
安装 node-sass
使用 NPM 安装 node-sass
npm install node-sass -g
安装及配置参考:
https://blog.csdn.net/simplehouse/article/details/79160131
在 webstorm 中配置scss
配置参考:
https://www.cnblogs.com/cshi/p/5622650.html
在 webstorm 中测试使用scss
新建个SCSS文件,输入内容,直接在源文件下生成了一个css文件和一个map文件。
注意 .css 文件是在 .scss文件下面,开始没看到 .css文件,还以为程序没安装好。
SCSS 与 Sass 异同
SCSS 是 Sass 3 引入新的语法,其语法完全兼容 CSS3,并且继承了 Sass 的强大功能。也就是说,任何标准的 CSS3 样式表都是具有相同语义的有效的 SCSS 文件。