美文网首页
webstorm配置sass

webstorm配置sass

作者: 唯轩_443e | 来源:发表于2018-03-01 22:44 被阅读0次

1.下载Ruby

  1. 安装好ruby以后,打开cmd,输入gem install sass就可以安装SASS了,但是由于gem的默认原地址由于国内伟大的GFW原因可能连接不上导致无法安装,所以我们还需要替换一下。

依次输入:

gem sources –r http://rubygems.org/

gem sources –a http://ruby.taobao.org/

gem sources –l

如果我们看到最后显示的地址只有国内淘宝提供的镜像地址就OK了

然后再输入gem install sass就可以了,完成后输入sass –v 就会返回sass的版本号

OK以后,在webstorm里面选择本机ruby目录下bin目录里面的scss.bat文件(如果需要编译SASS文件则选择sass.bat

一般来说,我们期望scss目录和css目录是单独分开的,在scss目录中建立index.scss的文件。会弹出如上提示,点击yes,如果不小心点了no的话…… image

Arguments中的路径--no-cache --update $FileName$:$FileNameWithoutExtension$.css

改成这样--no-cache --update $FileName$:$FileParentDir$\css\$FileNameWithoutExtension$.css

image

相关文章

  • Webstorm 配置 Sass,Scss

    Webstorm 配置 Sass,Scss 1. 准备环境 安装ruby , sass或者scssruby下载速度...

  • day10

    A 一、webstorm下配置sass环境 二、sass概念,语法 概念参考:http://blog.csdn.n...

  • webstorm配置sass

    1.下载Ruby 安装好ruby以后,打开cmd,输入gem install sass就可以安装SASS了,但是由...

  • webstorm 配置sass输出css文件格式配置

    本文前提是电脑里已经顺利安装了ruby,sass等之后,再进行webstorm中配置sass的watcher,以及...

  • 在webstorm中配置sass的自动编译,并且可以指定编译后的

    本文前提是电脑里已经顺利安装了ruby,sass等之后,再进行webstorm中配置sass的watcher,以及...

  • 编辑器使用日常

    WebStorm 格式化代码的快捷键:Option+Command+lWebStorm 配置编译 sass:htt...

  • webstrom 配置scss

    一、前提条件 电脑已经完成Ruby,Sass,Compass的安装 。 二、相关配置 打开webstorm ---...

  • idea或webstorm 配置sass

    周四写着写着项目,就想用用sass,由于之前经常用,来到这家公司,就很少用了,而且用的是idea,跟webstor...

  • webstorm配置sass自动编译

    以前一直在用hbuilder写代码,为了适应公司的项目进度,编译sass,便开始用webstorm,刚开始用就出现...

  • day10

    A我今天学了什么 1.配置webstorm的安装环境 2.sass的语法 2.1变量 2.2计算功能 2.3嵌套 ...

网友评论

      本文标题:webstorm配置sass

      本文链接:https://www.haomeiwen.com/subject/ymtoxftx.html