Sublime Text 2 使用筆記

最近聽說Sublime Text2很紅,試用之後驚為天人,真的是很好用的文字編輯器,尤其是拿來寫JavaScript跟CSS的時候,有程式碼提示的功能,真是太好用的,可以減少打錯字的機會。

官網:http://www.sublimetext.com/2

官網裡面還有購買的選項,如果沒有購買的話,會時不時的跳出是否要購買的訊息,選擇不購買的話也是可以正常使用,作者真的是佛心來的,如果行有餘力的話還是可以購買支持一下。

這套軟體已經很多人幫他寫過教學及心得分享了,這邊就列一下找到的一些資料,就不用再跟別人打重複的東西。

mrkt的程式筆記:

        Sublime Text 2

        裡面有很多教學文,可以讓初學者很快的上手,並且也講的很詳細,圖文並茂。

Sublime Text 手冊:

        http://docs.sublimetext.tw/

        許多Sublime Text 2 的基本操作方式,講得非常仔細,也是很好的參考網站。

 

==================================================

 

已安裝的Plugin:

為了怕自己忘記,做個筆記。

Package Control:http://wbond.net/sublime_packages/package_control

第一個安裝的plugin,沒有他就沒有後續的plugin,可以用來管理其他的套件。

 

Alignment(Ctrl + Alt + A):http://wbond.net/sublime_packages

程式碼對齊工具,好像滿多人在用的,不過好像只能針對變數宣告做對齊。

 

BracketHighlighter:http://wbond.net/sublime_packages/community

程式碼括弧高亮提示,可以很明顯的知道括弧的範圍。

 

ColorPicker(Ctrl + Shift + C):http://weslly.github.io/ColorPicker/

可跳出選擇顏色的視窗,選完後直接出現在程式碼中,編CSS不可多得的利器。

 

KeymapManager(Ctrl + Alt + K):https://github.com/welefen/KeymapManager

找到目前安裝的套件的熱鍵,避免輸入錯誤或想不起來。

 

SublimePrettyJson(Ctrl + Alt + J):https://github.com/dzhibas/SublimePrettyJson

讓JSON檔案看起來好看,容易閱讀。

 

IMESupport:https://github.com/chikatoike/IMESupport

讓 Sublime Text 2 在中文輸入法下不會再怪怪的。

 

==================================================

 

常用熱鍵:

同樣也是怕自己忘記

1. 開啟命令面板 – Ctrl + Shift + P

2. 快速切換開啟文件 – Ctrl + PageDown、Ctrl + PageUp、Ctrl + P

3. 快速在文件中搜尋Function – Ctrl + R

4. 移動到指定的行數 – Ctrl + G

Aptana Studio 使用教學 – 下載、中文化、jQuery提示

Aptana是一個專門用來開發網頁的IDE,以Eclipse為基礎,所以在使用上應該會符合大部分程式人員的習慣,可以編輯HTML、JavaScript、PHP、CSS等程式,並且還有著程式碼提示!這真是太方便了,不用一直去翻JavaScript及jQuery文件看有沒有把function name拼錯…

下載:

    官網:http://www.aptana.com/

    下載頁面:http://www.aptana.com/products/studio3/download

 

值得一提的就是Aptana提供了兩種安裝方式,一種是Stand-Alone,獨立安裝軟體,另一種就是為Eclipse的plugin,須先安裝Eclipse,可以依個人喜好選擇安裝方式,如果不想要管理太多套工具的話可以選擇plugin的方式安裝,不過依我試過的結果來說,還是比較推薦Stand-Alone的方式,Eclipse的plugin的話,在啟動Eclipse的時候會異常的慢,都要等一段時間,後來就移掉,改用Stand-Alone就順暢多了。

 

安裝:

安裝的步驟就不多講了,跟一般的軟體沒兩樣。

 

中文化:

其實一般在使用Eclipse的時候還是習慣用英文,不過還是放一下Aptana Studio的中文化步驟,翻譯的沒有很詳盡,不過應該堪用了。

Help –> Install New Software… –> Add:

aptana05

鍵入:

Name : Language

Location: http://download.eclipse.org/technology/babel/update-site/R0.10.0/juno

接著過一陣子,可能需要一分鐘,會看到如下的畫面:

aptana06

選擇 Babel Language Packs in Chinese (Traditional)

接著按下Next,等待安裝完成後,重開Aptana,就會看到熟悉的中文化面啦!

 

jQuery提示:

在Aptana中有原生提示JavaScript的程式碼,那如果要加入jQuery的話該怎麼辦呢?

Commands –> Bundle Development –> Install Bundle:

aptana01

 

然後把右邊選軸拉到下方,選擇jQuery然後等候安裝就好了

aptana02

 

隨邊開一個js檔案,在裡面打$之後可以看到跳出很多jQuery的相關程式碼可以選擇,如下圖所示,選了each,則會自動加入一小段程式,這樣是不是很方便呢?不用再全部靠自己手打了!

aptana03

aptana04

Flash Builder Ant Compiler Error:”Java heap space”

有時候在 Flash Build 中用 Ant 的時候會出現這個錯誤

Error:Java heap space

要解決這個問題需要在 Flash Builder 中做一些設定。

1. 選單中選擇 Window -> Preferences –> Java –> Installed JREs –> Edit:

ant05

 

2. 在 Default VM Arguments 欄位中輸入 “-Xmx512m“:

ant06

接著再使用 Ant 就不會有問題了。

在Flash Builder 4 中使用Ant

在原始的 Flash Builder 4 中,預設是沒有安裝Ant工具,所以必須要另外安裝。

1. 以系統管理員身分執行 Flash Builder 4 ,這樣才可以安裝新軟體到 Flash Builder 上,不然的話就會跳出提示框:

ant01

 

2. 在上方選單中選擇 Help -> Install New Software –> Add:

ant02

 

3. 接著輸入:

    Name:Ant

    Location:http://download.eclipse.org/releases/galileo/

ant03

 

4. 等待 Search 完畢之後,選擇 Programming Languages –> Eclipse Java Development Tools:

ant04

 

最後的步驟就是一直 Next Next… 直到安裝完成,可能需要重新啟動 Flash Builder,裝完之後就可以正常的使用 Ant 去 Build Project了。