sublime自動編譯sass

㈠ 如何在sublime3中配置能自動識別文件類型，編譯的.sublime

Sublime Text 配置文件兩 Default User二者都 JSON 格式記錄配置信息其前者記錄著 Sublime Text 默認配置禁止用戶修改；者默認空允許用戶修改User 配置文件內容覆蓋 Default 相應內容所要修改 User 配置文件

㈡ 如何在sublime中使用sass

GDB是GNU開源組織發布的一個強大的UNIX下的程序調試工具，基於命令行界面。 在Windows下如果想使用GDB，可以先下載安裝一個MiniGW，這個工具包含GCC編譯器和GDB調試器，再配合一個Notepad++或者Sublime Text（Sublime這款編輯器不是免費的，可以...

㈢ 使用sublime寫sass，有沒有感覺很不方便

我最近也在學sass，之前用的是sublime test2，這個編譯器有個好處就是轉譯成css的時候方便，但是終究還是和項目分離，也很麻煩。後來發現只要通過命令行一直監視整個目錄或者文件就方便多了，只要保存，sass就會自動編譯

㈣ 使用sublime text3+sass build插件編譯，為什麼會出現編碼錯誤

最近研究sass，用的是vs+vs插件，實在是太大了（雖然電腦跑的動）
之前一直用sublime，所以決定繼續改用輕量級的開發工具。
註：我是sublime Text2,（3應該差不多）
【進入正題】同樣出現樓主的問題，於是開始網路（原諒我沒有翻牆用google）。
網路後結合實際情況先這樣解決：
1.Preferences->Browse Packages...
2.找到SASS Build文件夾
3.打開SASS.sublime-build

{

"cmd": ["sass", "--update", "$file:${file_path}/${file_base_name}.css", "--stop-on-error", "--no-cache"],
"selector": "source.sass, source.scss",
"line_regex": "Line ([0-9]+):",

"osx":
{
"path": "/usr/local/bin:$PATH"
},

"windows":
{
"shell": "true"
}

}

4.在"selector": "source.sass, source.scss",後面加上"encoding":"cp936",
5.重啟sublime
但是出現ctrl+b出現新的問題『sass』不是內部或外部命令，也不是可運行的程序或批處理文件
看到這里我恍然大悟，原來不是編碼問題，而是環境變數出問題了。
後來發現自己安裝ruby沒有勾選添加環境變數
【總結】：
由於我添加環境變數後把修改的"encoding":"cp936",刪除依然可以編譯成功，我覺得sublime中sass編譯（或者ruby等編譯）出現[Decode error - output not utf-8]問題其實是環境變數未添加。解決方法就是手動在高級系統設置中添加。（如果實在懶可以卸掉ruby重新安裝，記得勾選中間的添加環境變數。記得安裝sass）
最後補充一下，可以先試一下我試過的添加encoding方法，因為我也不是100%確定。

㈤ 如何在sublime中使用sass

下載相應的版本。建議大家不要使用谷歌瀏覽器，因為他真得載入不出來。

下載好之後，就需要一步步進行安裝了（建議大家把其安裝在c盤），這里需要注意的是：

這個勾別忘了選，因為不選中，就會出現編譯時找不到Ruby環境的情況。

這時，我們在控制台輸入ruby -v就可以得到我們的安裝好的ruby的版本號等信息

Ruby 安裝完成後，在開始菜單中找到新安裝的 Ruby，並啟動 Ruby 的 Command 控制面板，如下圖所示：

當你的電腦中安裝好 Ruby 之後，接下來就可以安裝 Sass 了。同樣的在windows下安裝 Sass 有多種方法。給大家提供一種最實用的方法。

到 Rubygems() 網站上將 Sass 的安裝包（gems/sass）下載下來，然後在命令終端輸入：
gem install <把下載的安裝包拖到這里>

直接回車即可安裝成功。

接下來，就是在sublime中安裝sass插件和sass build插件了，打開我們的sublime

首先你要看的是在preference選項下有沒有package control這個選項，如果沒有的話，就表示你沒有Package
Control 插件（一個方便 Sublime text 管理插件的插件），這時，你就要從菜單 View - Show Console 或者
ctrl + ~ 快捷鍵，調出 console。將以下 Python 代碼粘貼進去並 enter 執行，不出意外即完成安裝

sublime text3

1

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path();
urllib.request.install_opener( urllib.request.build_opener(
urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( '' + pf.replace(' ','%20')).read())

sublime text2

1

import urllib2,os; pf='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( ))); open( os.path.join( ipp, pf), 'wb' ).write( urllib2.urlopen( '' +pf.replace( ' ','%20' )).read()); print( 'Please restart Sublime Text to finish installation')

完成了這步之後,再重新打開我們的sublime,ctrl+shift+p，並輸入install

選擇第一個Install Pacage,

在命令欄中輸入"Sass"然後回車，然後在彈出的列表中選擇Sass插件，通過滑鼠單擊或者回車進行安裝，可通過左下角狀態欄查看安裝結果

在命令欄中輸入"SassBuild"然後回車，然後在彈出的列表中選擇SassBuild插件，通過滑鼠單擊或者回車進行安裝，可通過左下角狀態欄查看安裝結果

按ctrl+shift+p，輸入package，選擇list packages，就看到了我們安裝的插件列表

如果你看到了sass和sass bulid就說明插件安裝成功了。

這是你把scss文件寫完之後，按ctrl+b就可以實現sass文件的編譯了，他會生成一個自動編譯生成css文件。這里,再跟大家介紹一下windows7下解決中文亂碼的問題吧。需要做的就是：

找到ruby的安裝目錄，裡面也有sass模塊，如這個路徑：
C:/Ruby/lib/ruby/gems/1.9.1/gems/sass-3.3.14/lib/sass
在這個文件裡面engine.rb，添加一行代碼Encoding.default_external = Encoding.find(『utf-8』) 放在所有的require XXXX 之後即可.

㈥ 如何安裝sublime text 3 sass 高亮插件

第一步，下載ruby
點開下載ruby的鏈接

下載好之後，就需要一步步進行安裝了（建議大家把其安裝在c盤）
安裝過程中請注意勾選Add Ruby executables to your PATH添加到系統環境變數。
ok，安裝完畢！
打開cmd面板，輸入 ruby -v可以看到ruby的版本號說明安裝成功。

第二步，安裝 Sass
Ruby自帶一個叫做RubyGems的系統，用來安裝基於Ruby的軟體。我們可以使用這個系統來 輕松地安裝Sass和Compass。要安裝最新版本的Sass和Compass，你需要輸入下面的命令：
//安裝如下(如mac安裝遇到許可權問題需加 sudo gem install sass)
gem install sass
gem install compass

安裝完成之後，應該通過運行下面的命令sass -v來確認應用已經正確地安裝到了電腦中：

第三步，安裝sublime編輯器的sass插件和sass build插件
打開sublime
首先你要看的是在preference選項下有沒有package control這個選項，如果沒有的話，就表示你沒有Package Control 插件（一個方便 Sublime text 管理插件的插件），這時，你就要從菜單 View - Show Console 或者 ctrl + ~ 快捷鍵，調出 console。將以下 Python 代碼粘貼進去並 enter 執行，不出意外即完成安裝
sublime text3
import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

sublime text2
import urllib2,os; pf='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( ))); open( os.path.join( ipp, pf), 'wb' ).write( urllib2.urlopen( 'http://sublime.wbond.net/' +pf.replace( ' ','%20' )).read()); print( 'Please restart Sublime Text to finish installation')

完成了這步之後,再重新打開我們的sublime，按住ctrl+shift+p，並輸入install，選擇第一個Install Package，

在命令欄中輸入"Sass"然後回車，然後在彈出的列表中選擇Sass插件，通過滑鼠單擊或者回車進行安裝，可通過左下角狀態欄查看安裝結果
在命令欄中輸入"SassBuild"然後回車，然後在彈出的列表中選擇SassBuild插件，通過滑鼠單擊或者回車進行安裝，可通過左下角狀態欄查看安裝結果
按ctrl+shift+p，輸入package，選擇list packages，就看到了我們安裝的插件列表

如果你看到了sass和sass bulid就說明插件安裝成功了。
然後嘗試著寫一個scss文件，寫完之後，按ctrl+b就可以實現sass文件的編譯了，會生成一個自動編譯生成css文件。
但很不幸我的sublime出現了一個報錯[Decode error - output not utf-8]
第四步，解決sublime的編碼報錯
sublime text有時運行會輸出以下錯誤信息：
[Decode error - output not utf-8]或者[Decode error - output not gbk]
錯誤信息意思就是腳本輸出的信息不是某種指定編碼。
用以下方法解決，有點麻煩，要有耐心，別弄錯了哦！
1.在sublime text的安裝目錄下的Packages目錄下找到Default.sublime-package，將這個復制出來,將後綴改名為zip.
它就是個zip文件，解壓縮它，然後將其中的exec.py文件放到sublime text的DataPackagesUser目錄下。
2.打開exec.py文件，找到類ExecCommand的append_data函數，在以下位置添加代碼（可以把這段函數的代碼替換就好了）：
def append_data(self, proc, data):
if proc != self.proc:
# a second call to exec has been made before the first one
# finished, ignore it instead of intermingling the output.
if proc:
proc.kill()
return

#add start
is_decode_ok = True;
try:
str = data.decode(self.encoding)
except:
is_decode_ok = False
if is_decode_ok==False:
try:
str = data.decode("gbk")
except:
str = "[Decode error - output not " + self.encoding + " and gbk]\n"
proc = None

# Normalize newlines, Sublime Text always uses a single \n separator
# in memory.
str = str.replace('\r\n', '\n').replace('\r', '\n')

self.output_view.run_command('append', {'characters': str, 'force': True, 'scroll_to_end': True})

其原理就是在解碼輸出文字編碼出錯時再使用gbk試試,相當於utf-8和gbk兩種編碼都試試,這樣可以解決編碼錯誤的問題。
OK啦，我安裝的時候就出現這些問題了。可以開始使用sass啦~~哈哈哈哈~

㈦ sublime怎麼設置sass編譯

使用了Sublime Text也有一段時日了，然後在現在而言，小覺的coding工具已經非其莫屬了，接著小覺因為近期忙著項目的原因，同時還要抽空編輯博客的原因，就暫時把它放在一旁了，現在偶然想起也就說下關於讓Sublime Text支持SASS開發的方法。

提示：沒有安裝Sass及SassBuild之前Sublime Text是不支持Sass開發的，即在下圖之中是沒有Sass選項的。

讓Sublime Text支持SASS的開發 - Sass&SassBuild Packages
點擊查看大圖
以下內容操作前提：已安裝好package control插件，前文已經提及，可通過搜索了解。

讓Sublime Text支持SASS開發說白了其實只要在其上安裝Sass及SassBuild這兩個插件即可，下面為安裝步驟：

1、通過ctrl+shift+p快捷鍵組合打開命令面板

2、在命令欄中輸入"Sass"然後回車，然後在彈出的列表中選擇Sass插件，通過滑鼠單擊或者回車進行安裝，可通過左下角狀態欄查看安裝結果

3、在命令欄中輸入"SassBuild"然後回車，然後在彈出的列表中選擇SassBuild插件，通過滑鼠單擊或者回車進行安裝，可通過左下角狀態欄查看安裝結果

讓Sublime Text支持SASS的開發 - Sass&SassBuild Packages

因為之前安裝了Sass插件，而且安裝過的插件無法再次出現在安裝列表之中，所以第二個步驟就不提供截圖了，同時關於第一步操作的截圖之前也給了很多了，相對簡單也不提供了，最近小覺有點忙，不過只要不出意外，小覺會想小說作者們一樣做到每天更新，而且是4更哦~