zoukankan      html  css  js  c++  java
  • windows下sass开发环境的搭建

    一:Sass的安装:

    【步骤1“下载Ruby”】:到Ruby的官网(http://rubyinstaller.org/downloads)下载最新版本的Ruby版本,这里我下载的是最新版本Ruby2.3.3的64位

      

    【步骤2“安装Ruby”】:下载后,点击安装即可。在安装的时候,我们需要注意2点:(1)安装路径建议选择C盘;(2)安装到下面这一步时,一定一定要选择第2项,不然就会安装失败:

      

     【步骤3“下载Sass”】:安装好后,然后到这个页面(https://rubygems.org/gems/sass)上面把“Sass安装包”下载下来。我们可以在这个网页右栏找到“下载”这两个字,点击即可下载:

      http://www.lvyestudy.com/App_images/lesson/sass/2-1-3.png

    【步骤5】:打开Ruby命令终端之后,输入下面这个指令gem install,把Sass安装包拖到命令指定位置会生成指定路径,然后点击“Enter回车”即可安装,如图所示:

      

    【步骤6】:上面的步骤都完成后,检查Sass是否安装成功。检查的方法很简单,在命令终端使用“sass -v”指令,按回车后,如果显示“Sass 3.4.23 <Selective Steve>”的字样就说明Sass安装成功:

     

     参考网站:http://www.lvyestudy.com/sass/sass_2.1.aspx

     二:配置webstorm中sass:

    在webstorm中file—>settings中搜索file watchers工具,在此工具中添加一个scss的watcher,按照下图设置各项。点击ok 

     

  • 相关阅读:
    TASK1
    CSS再学
    Html再学
    Python的hasattr() getattr() setattr() 函数使用方法详解
    GET/POST/g和钩子函数(hook)
    cookie和session
    SQLAlchemy外键的使用
    jquery树形菜单插件treeView
    linux设置防火墙
    linux解压命令
  • 原文地址:https://www.cnblogs.com/fatty-yu/p/6639119.html
Copyright © 2011-2022 走看看