SCSS预编译器的安装

移动端适配会使用到rem进行适配，这里要涉及到px计算成rem，当初不会使用预编译器的时候，都是掐计算器手算的，导致效率不高而且心累。

使用scss的预编译器来辅助计算，能大大解决这些问题

安装步骤如下：

1、rudy下载（安装在默认路径下）
https://www.baidu.com/link?url=abugloOSGQgzf6ztKdeBfhvXgkESRkyyKfILmzoligBP6fSVDLsfNzSMyOtmYP6TWfX5yTDot1ZLr5KOW6nw7AfhruHDvJnJpL6aipsrZN3&wd=&eqid=beaa49910000302e0000000258f5ccf0

2、webstrom安装SASS
http://jingyan.baidu.com/article/22a299b5d6b0a09e19376a9f.html

3、安装sass的时候会报error， 要移除原来的镜像 安装淘宝镜像

gem sources --remove https://rubygems.org/ 移除
这是安装淘宝镜像gem sources -a https://gems.ruby-china.org/ 报错去掉s

4、继续安装2里面的安装

5、创建项目，最外层不能是中文

6、新建一个SCSS目录，一个CSS目录
scss: style.scss 会自动生成 css:style:css，在style.scss中编程。
刚创建项目进去的时候，上面会出现一行绿色的字，点击add

1、Arguments:

可以配置编译后的文件的输出路径,我这里写的是:

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

2、Output paths to refresh:

改成这样:$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map

一定要删除里面的东西，再添加

 目录结构如下

 

转载于:https://www.cnblogs.com/qiuchuanji/p/7662328.html