scss安装并配置webstrom

来源:互联网 发布:软件性能测试工具 编辑:程序博客网 时间:2024/06/01 23:03

昨天没忍住,败了慕课网的vue,结果就是今天重配了下sass

可能因为,手不太好使稍微整理了一下文件+升了win10,路径变掉了,导致我原来在webstrom里面配好的sass又要重新配一遍;

改了路径后报Process finished with exit code 1【可能不单纯是路径问题】

重新捋一遍sass安装过程

安装参见http://www.w3cplus.com/sassguide/install.html

建议环境变量那个文件选项一定选上,不记得之前选了没,现在一定要切到rubybin目录下才能用gem

发现sass –v这个命令都不能执行,重装。

在更换源的时候–remove去不掉

–r就去掉了      【不懂orz

Sasswebstrom中的配置

Fileànewàedit file templates可以根据个人习惯添加sass的模板

Fileàsetting添加scss的监听

Program就是编译scss文件脚本的位置

Argiments是要执行的命令,可以根据自己的需要修改参数css文件输出的路径在这里面改

比如--no-cache --update$FileName$:$FileParentDir$\css\$FileNameWithoutExtension$.css 

之后生成的css在和我scss目录同级的css目录下

Working directory工作目录,右边那个insert按钮插入的路径就是根据这个来的。每个路径都有解释,很清楚。

0 0
原创粉丝点击