zoukankan      html  css  js  c++  java
  • PHPStrom使用SASS,SCSS和Compass

    以前尝试 SASS 的时候写了一篇安装方法,大部分操作还是相同,下面补充一些内容主要是填坑,实在太TMD坑爹了。
    参考这篇文章:
    http://blog.csdn.net/zhouzme/article/details/45059419

    补充内容:

    1. 安装 SASS 和 Compass

    这一步经过我昨天的测试,已经不需要修改源地址了,可以直接通过 https://rubygems.org/ 地址进行下载了,反而淘宝那个地址总是出现 SSL 相关错误,貌似HTTPS证书有问题,所以直接忽略了吧。

    1. 安装目录存在空格

    如:C:Program FilesRuby22-x64 , 若是这种路径下安装的中间存在空格则会导致 bin 目录下的 .bat 文件无法执行,因为里面多了个双引号,把开头的 @”” 两个双引号去掉一个,有多个 .bat 文件都需要修改下,不知道为什么会有这种低级错误。

    这里写图片描述

    @""C:Program FilesRuby22-x64in
    uby.exe"
    改成
    @"C:Program FilesRuby22-x64in
    uby.exe"
    1. 找不到 compass 自带 SCSS 库

    这里写图片描述

    新增一个compass库目录的符号链接,注意:不是快捷方式啊,看下图区别,快捷方式实际上是一个文件有个隐藏的 .lnk 后缀名的

    这里写图片描述

    在cmd中输入

    E:Websitexxxx.comwwwassetsmscsssass>mklink /d compass "C:Program FilesRuby22-x64lib
    ubygems2.2.0gemscompass-core-1.0.3stylesheetscompass"

    这样 @import 就可以找到对应的库文件了
    另外注意 符号链接是不能添加到 svn 的,而且好像和 phpstorm 也有些冲突,添加svn忽略compass符号链接后貌似就可以了

    还有一个可以设置的地方,是在单独使用 scss 文件监听的时候,scss.bat 可以指定 –load-path 参数,不过实际用户不大,因为经过N次尝试,SCSS的 file watcher 对 compass 的库完全没法运行,全是TMD的错误,搞了两天都没找到解决办法,实在无语了。

    scss.bat 全是类似下面这种错误,搞了好久都找不到解决办法,实在搞不定这个问题。。。。但 compass.bat 是能够正常运行的,很无语

    cmd.exe /D /C call “C:/Program Files/Ruby22-x64/bin/scss.bat” –load-path “C:Program FilesRuby22-x64lib ubygems2.2.0gemscompass-core-1.0.3stylesheets” –no-cache –trace –force –update layout.scss:layout.css
    error compass/reset/_utilities.scss (Line 116: Invalid CSS after “elements-of-type”: expected selector, was “(html5-block)”)

    1. 添加 comapss complie 的快捷操作

    每次编译还要单独开个cmd比较麻烦,有一个简单的方法可以用用

    这里写图片描述

    项目右上角有个运行命令配置,照图上设置一下,每次编译点几下绿色按钮就行了。

    大概就这样了吧,浪费了两天时间

  • 相关阅读:
    qt忙等与非忙等
    获得文件路径 _pgmptr, _makepath, _splitpath
    RGB2YCbCr RGB2Gray
    qt Cannot connect creator comm socket /tmp/qt_temp.S26613/stub-socket: No such
    64位Ubuntu系统安装OpenCV 2.4.x+ffmpeg 完美解决方案
    vim按下ctrl+s僵死
    win32程序应用mfc库
    error LNK2005: _DllMain@12 已经在 dllmain.obj 中定义
    JavaScript中的浅拷贝和深拷贝
    Set和Map
  • 原文地址:https://www.cnblogs.com/zhouzme/p/5758397.html
Copyright © 2011-2022 走看看