sublime sass 自動編譯,自動添加瀏覽器前綴

 

1. sass編譯須要ruby的支持，若是尚未安裝先去安裝

   安裝完成ruby後使用 `gem install sass`安裝sass

   查看是否安裝成功 `sass -v`

2.  安裝編譯環境

   npm install -g postcss-cli autoprefixer

3.  安裝插件，使用sublime安裝一下插件

   保存自動編譯         SublimeOnSaveBuild

        SASS編譯         Sass Build

      瀏覽器前綴          Autoprefixer

4.  在sublime中選擇 Tool --> Build System --> New Build System建立一個編譯環境,如SCSS。內容以下

   {

    

   "cmd": [

   "sass", "--update", "$file:${file_path}/../css/${file_base_name}.css", "--stop-on-error", "--no-cache",

   "&&",

   "postcss", "--use", "autoprefixer", "${file_path}/../css/${file_base_name}.css", "-d", "${file_path}/../css"

   ],

   "selector": "source.sass, source.scss",

   "line_regex": "Line ([0-9]+):",

    

   "osx":

   {

   "path": "/usr/local/bin:$PATH"

   },

    

   "windows":

   {

   "shell": "true"

   }

    

   }

5.  在sublime選擇剛纔設置的編譯環境，勾選保存編譯
    

6. 打開一個scss文件,保存。可查看css已經生成而且增長了瀏覽器前綴

    

   原文地址：https://jingyan.baidu.com/article/d45ad148a26db969552b80e8.html