zoukankan      html  css  js  c++  java
  • webstorm配置scss环境

    1.下载 Ruby  (安装过程中记得勾选添加到环境变量,安装结束最后可能会弹出一个cmd弹框,可以忽略)

    2. cmd安装sass

    gem install sass

    3. cmd检查是否安装

    sass -v

    重点是接下来

    File>Setting>Tools>File Watchers ,点击右上角加号选择scss,出现以下界面

    红框标示为解析器,每个人安装目录可能不一样,但最后几个目录肯定是相同的。附C盘安装默认路径   C:Ruby24-x64inscss.bat

    绿框标示为生成编译文件的存放目录,一般有两种写法,具体如下

    1.    --no-cache --update $FileName$:$FileNameWithoutExtension$.css

    2.    --no-cache --update $FileName$:$FileParentDir$css$FileNameWithoutExtension$.css

     蓝框标示编译的文件,

      完整写法是   $FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map

      如果不想要map文件, 直接  $FileNameWithoutExtension$.css

  • 相关阅读:
    Cygwin配置总结
    javap 指令集
    超好用的Vim配置
    超过 130 个你需要了解的 vim 命令
    21、面向对象
    20、MySQLdb
    深入java字符串原理及其效率分析
    数据库执行计划
    SQL中EXISTS的用法
    mybatis之foreach用法
  • 原文地址:https://www.cnblogs.com/hcxy/p/7594604.html
Copyright © 2011-2022 走看看