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

        聊聊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號
        主站蜘蛛池模板: 欧美人与性动交α欧美精品成人色XXXX视频 | 国产精品久久久久9999高清| 国产精品美女网站在线观看| 国产办公室秘书无码精品99| 亚洲av日韩精品久久久久久a| 精品国产人成亚洲区| 99久久精品国产一区二区蜜芽| 国产精品多p对白交换绿帽| 亚洲精品和日本精品| 精品欧美小视频在线观看| 99国产精品私拍pans大尺度| 国产精品久久影院| 国产精品无码久久综合| 最新精品露脸国产在线| 99热热久久这里只有精品68| 久久久精品午夜免费不卡| 丰满人妻熟妇乱又仑精品| 一本色道久久88精品综合| 亚洲精品人成在线观看| 国产精品区一区二区三在线播放| 最新精品露脸国产在线| 精品多毛少妇人妻AV免费久久| 午夜影视日本亚洲欧洲精品一区| 国产精品区一区二区三在线播放| 亚洲国产精品18久久久久久| 亚洲av无码成人精品区| 国产一区二区三区在线观看精品 | 国产福利视精品永久免费| 欧美精品中文字幕亚洲专区| 合区精品久久久中文字幕一区| 国产精品一区在线观看你懂的| 国产精品麻豆高清在线观看| 精品欧洲AV无码一区二区男男| 真实国产精品vr专区| 久久久久一级精品亚洲国产成人综合AV区 | 国产va免费精品| 欧美成人精品一级高清片| 国产99视频精品免费专区| 精品国产v无码大片在线观看| 午夜精品一区二区三区在线观看| 国内精品久久久久久久coent|