2014年4月29日 星期二

Sublime常用熱鍵+emmet插件

Ctrl+L 選擇單行
Ctrl+{ 向外縮排(tab)
Ctrl+} 向內縮排(shift+tab)
Ctrl+D 同時修改
Alt + F3 選取所有已選取的單字
Ctrl+R 尋找class位置
Ctrl+P 尋找檔名位置
Ctrl+Shift+D 複製該行到下一行
Ctrl + Enter 插入下一行
Ctrl + Shift + Enter 插入前一行
Ctrl + / 註解與移除註解
Ctrl + Shift + / 區域註解

emmet插件可以提高html&css程式碼的效率
語法網址:http://docs.emmet.io/abbreviations/syntax/


prepos使用筆記

Sass和Compass是用Ruby所開發而成的,如果你想要寫Sass,但卻又不想要使用命令提示字元輸入一些指令,可以試試fire.app或者是prepos這個軟體來協助撰寫。

prepos下載網址:http://alphapixels.com/prepros/

下載安裝完成後,先用編輯器產生一個附檔名為.sass的檔案到sass的資料夾裡,然後再用prepos去指定專案資料夾的位置,這樣prepos才能針對.sass檔進行編譯的動作。

prepos也有Livereload的功能,當網頁檔案更新了以後,瀏覽器也會跟著更新,這樣就不用一直切換去按F5更新了,實在是非常的方便。

詳細功能可參考這篇文章:http://ithelp.ithome.com.tw/question/10140077

2014年4月28日 星期一

Sublime Text2 問題

今天我在用Sublime Text2寫程式的時候發現一個問題,將檔案格式和語法都選擇sass存檔重新開啟以後,檔案的語法會被誤判成Ruby Haml格式。

解決方法:
1.找到Sublime Text 2/Packages/Rails/Ruby Haml.tmLanguage。
2.將<string>sass</string>這行給刪掉。
重新開啟檔案後問題即可以解決。