顯示具有 Sublime 標籤的文章。 顯示所有文章
顯示具有 Sublime 標籤的文章。 顯示所有文章

2013/11/23

(Mac)如何讓Sublime Text 2變已註冊

Sublime Text真是個好用的免費Code Editor,小小的遺憾是如果你沒有付費註冊了話,有時儲存時不時就會跳出一個贊助訊息,雖然無傷大雅,但用起來就是有那麼一點小不爽,如果你口袋有多餘很多贊助費(US$70),還是很建議你贊助他一下啦~

不過在此之前,我們可以透過下列方法讓這點小缺憾,消失:)

For Mac User:
  1. 首先,先到Sublime Text的網站下載安裝:http://www.sublimetext.com/
  2. 開啟終端機
  3. 進入Sublime的目錄(cd /Applications/Sublime\ Text\ 2.app/Contents/MacOS/
  4. 用vim編輯檔案(vim Sublime\ Text\ 2
  5. 變更成HEX模式(:$!xxd
  6. 搜尋5BE509C33B020111,並修改5BE509C32B020111即可(:%s/5BE509C33B020111/5BE509C32B020111/g
  7. 完成後重新開啟Sublime Text並輸入下列序號
—–BEGIN LICENSE—–Patrick CareyUnlimited User LicenseEA7E-188484982D83B6313800EBD801600D7E3CC13F2CD59825E2B4C4A18490C5815DF68D6A5EFCC8698CFE589E105EA829C5273C0C5744F0857FAD2169C88620898C3845A1F4521CFC160EEC7A9B382DE605C2E6DDE84CD0160666D30AA8A0C5492D90BB275DEFB9FD0275389F74A59BB0CA2B4EFEA91E646C7F2A688276BCF18E971E372—–END LICENSE—–

打完收工!

2013/8/24

Sublime內建的好用排版功能+設定快捷鍵

寫Code的時候,常常為了要保持Code的可讀性,總是會花很多時間做排版,今天發現Sublime Text有個不錯的功能,叫做Reindent,可以迅速地將版面排好,當然他不比大多數的排版外掛有很大的彈性可以客制,但對目前只有在寫html的我,十分夠用了。

美中不足的是,這個功能竟然沒有預設快速鍵,這樣了話,我只好自己設定一下囉!

設定的方法很簡單,開啓「Key Bindings - user」,然後加入下列程式碼,儲存後即可。這邊是以Mac系統作設定,裡面的「super」代表「command」鍵,Windows的使用者,可以自行改成「Ctrl」唷。

{ "keys": ["super+shift+r"], "command": "reindent" , "args": {"single_line": false}}

其他相關說明可以參考Sublime Text使用手冊-快速鍵組合設定

祝大家Happy Codeing:)

2013/8/22

如何在Sublime Text建立開啓瀏覽器預覽快捷鍵



身為一個網頁開發人員,最常做的一件事,除了上網就是寫Code,然而在寫網頁的時候,最常測試自己寫的Code在瀏覽器上顯示得如何,如果這時候在Sublime Text上有個快捷鍵可以快速預覽,那該有多好!

其實在Sublime Text 2的版本,已經有內建「Open in Browser」的功能,只要你在程式碼頁面上點右鍵,在裡面的功能選單就內建這樣的功能。只是經常性的從鍵盤移到滑鼠的周返動作,很容易浪費時間,如果這時在有個快捷鍵那就完美了。

其實我們可以在Sublime Text上面的「Build System」底下建立一個執行程序,建立路徑如下「Tools > Build System > New Build System」,點選後,程式會自動開啓一個新的檔案,此時你只要修改成如下的程式碼:

Mac 使用者
{
    "cmd": ["open", "-a", "Google Chrome", "$file"]
}
Windows 使用者
{
    "cmd": ["PATH_TO_YOUR_CHROME", "$file"]
}
Linux 使用者
{
    "cmd": ["google-chrome", "$file"]
}
然後另存成「Chrome.sublime-build」(你也可以改成你喜歡的名字),之後當你要預覽測試時,Mac使用者只要按下「Cmd + B」,Windows使用者按下「Ctrl + B」或「F7」即可快速啓動瀏覽器預覽,很方便吧!


2013/8/21

Sublime Text 2 安裝 Package Control



Sublime Texe 內建許多基本的Package,但作為一位程序開發員,對於編輯器總會有些不滿足,因此廣大的Sublime Text使用者,安裝完主程式後的第一件事,就是安裝Package Control,這是一個超級好用的Package管理程式,讓你可以直接在Sublime Text上面尋找、安裝各式各樣的Package,這些 Packages 都可以大大地提昇開發與使用的效率唷!

至於Package Control要如何安裝呢?首先按下「Ctrl + `」叫出Sublime2的Console,然後在輸入列上貼上下列指令碼:

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 Package Control的官方網站
http://wbond.net/sublime_packages/package_control/

2013/8/18

線上Sublime Text使用手冊



還在陌生摸索Sublime Text嗎?這裡有好用的線上使用手冊,還是中文版喲!快將下列網址加入到你的最愛吧~
Sublime Text 教學手冊:http://docs.sublimetext.tw/