站長資訊網
        最全最豐富的資訊網站

        聊聊webstorm sass編譯問題

        本文由webstorm使用教程欄目為大家介紹webstorm下的sass編譯問題,具有一定的參考價值,希望能夠幫助到大家。

        webstorm下的sass編譯問題

        saas 需要運行在 ruby 環境,所以需要安裝 ruby 32 / 64

        1、安裝 ruby

        2、DOS命令中,測試ruby是否安裝:ruby -v (回車,出現版本號則是ruby安裝成功)

        3、安裝sass命令: gem install sass

        4、測試sass是否安裝成功:sass -v(回車,出現版本號則是sass安裝成功)

        方法一:DOS命令sass轉化問css文件監聽

        1、在 文件目錄中 ,打開 dos命令行的方法 :shift + 右擊

        2、在命令行中輸入 sass命令,可以把sass文件 編譯為css文件

        sass style.scss mystyle.css sass style.scss ../css/mystyle.css

        監聽編譯:在sass 修改時,會同步修改css文件

        sass --watch style.scss:../css/mystyle.css

        3、退出監聽 ctrl + c ,選擇 y

        方法二:webstorm自帶監聽

        1、一勞永逸:配置IDE 環境:

        IDE 配置 (位置:setting –> Tools –> File watchers)

        如果sass和css是兩個文件夾分別存放scss和css:

        Arguments:--style expanded --no-cache --update $FileName$:../css/$FileNameWithoutExtension$.css

        中文編譯報錯:【不能使用任何帶中文的文件名和備注】 找到文件

        1、 librubygems2.3.0gemssass-3.4.22libsassimportersfilesystem.rb的87行

        if name.index(@root + "/") == 0 修改為 if name.encode("utf-8",'gbk').index(@root + "/") == 0

        2、在.scss文件中的頭部加上下面這句話 @charset “UTF-8”

        贊(0)
        分享到: 更多 (0)
        網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
        主站蜘蛛池模板: 亚洲国产精品无码专区在线观看| 99国产欧美久久久精品蜜芽| 国产午夜福利精品一区二区三区| 精品国产亚洲男女在线线电影 | 99久久国产综合精品成人影院| 午夜精品一区二区三区免费视频| 国产亚洲精品看片在线观看 | 91精品国产福利在线导航| 免费人欧美日韩在线精品| 91无码人妻精品一区二区三区L| 国产AV国片精品| 久久久无码精品亚洲日韩蜜臀浪潮| 日韩精品一区二区午夜成人版| 国内精品视频九九九九| 高清日韩精品一区二区三区| 精品少妇一区二区三区视频| 91精品国产高清久久久久久io| 精品福利一区二区三区免费视频| 亚洲av午夜福利精品一区| 中文字幕精品一区| 亚洲精品国产成人影院| 午夜精品久久久久久久无码| 欧美成人精品高清在线播放| 精品无码国产污污污免费网站国产 | 久久精品国产福利国产秒| 国产AV午夜精品一区二区入口| 国产精品熟女一区二区| 国产色婷婷五月精品综合在线| 久久99国产精品尤物| 久久成人国产精品| 精品无码一区在线观看| 久久精品夜夜夜夜夜久久| 欧产日产国产精品精品| 久久精品中文闷骚内射| 国内精品久久久久久久97牛牛| 国产精品三级国产电影| www国产精品| 亚洲国产精品第一区二区| 97久视频精品视频在线老司机| 国产精品免费久久| 久热精品人妻视频|