Sublime text 開發工具與記錄

Your comment You are on Sublime Edit posts?


Sublime 這周釋出了中文化文件,幾乎大大造福大多數的使用者
從 Notpad++ 跳來 Sublime 也是去年十一月事情,說起來使用時間上還不是很長
想想當初放棄 Notpad++ 一開始只是因為縮排的問題讓我困擾很久....(處女座潔癖)

這一點和我現在主管有一樣的毛病....寫程式一定要整整齊齊乾乾淨淨,排版還要好看
多餘的註解,多餘的test code都不準在程式當中出現,連取名都很計較....orz

<!-- 搞了半天,我們兩個都是處女座 -->

當初因為自動縮排的問題,讓我興起想換編輯器的想法,後來嘗試了Sublime2....一整個被火燒到
後來再看看周為蠻多人,甚至公司 art 都是用 Notepad++.....甚至包含....討厭的傢伙...(攤手)
讓我一次狠心就放棄用了好幾年的Notepad++.....(假文青心態犯)


<!-- 天生反骨,不愛跟別人一樣 -->

既然已經跳過來,也已經沒有想再回頭的感覺,這篇也不是寫來說 Sublime 到底有多好用有多讚
那種讚揚與歌頌的言語留給其他人說就好,在這裡我只是單純想記錄自己的使用工具和外掛

BracketHighlighter
大括號、中括號、括號家族高亮匹配,對於眼殘常常看不清
左右括弧位置,有無開頭結尾標籤的使用者
相當一定要安裝首選外掛

Emmet
前身就是Zen Coding,有用過的人應該不用再多加介紹
這裡要注意一點,因為emmet的預設功能鍵是tab
和原先sublime 中自動縮排功能鍵一樣所以在安裝完外掛後,需再設定檔中
修改expand_abbreviation_by_tab,這個選項的快捷鍵即可

Folder List
類似檔案總管的功能,sublime 預設左邊欄位,需在上方的檢視中在側邊欄位中開啟,開啟後只有檔案
在專案管理中,有點稍嫌不夠,加入資料夾的管理在檔案的切換中方便許多



GBK Encoding Support
GBK 不用多解釋,可以支援左岸那種常常開啟亂碼一堆的文件,Notepad++常遇到這樣問題
至少我沒找到好用的外掛,sublime幫我解決這樣問題

Git
可以在 Sublime 裡面新增、抓取 Gist

TortoiseSVN
可直接和公司裏的SVN結合處理

Hex to HSL Color Converter
可在CSS顏色中16進位中自動轉換成hsl()語法格式
例如  color:#ffffff;  -> color: hsl(0, 0%, 100%);
快捷鍵  ctrl+shift+u

Package Control
安裝package重要市集功能,直接呼叫console控制台即可
快捷鍵 ctrl + `
然後輸入以下命令後按下enter即可

import urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(ipp) else None;open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())


jsMinifier
可將JS檔案壓縮成mini型式

GBK to UTF-8
將文件GBK轉UTF-8,也可以選擇格式轉出存檔
快捷鍵 ctrl+shift+c

SublimeCodeIntel
程式碼 html css js php 這幾種常用的語言,在提示上相當方便也相當多,其他語言我並未測試過

SublimeLinter
一個也是高亮度險是錯誤的程式碼的外掛

格式化代碼

cssFormat
jsFormat
先用快捷鍵打開命令面板 「ctrl + p」, 再輸入 「Format: Javascript」 就可以使用格式化命令
快捷鍵:ctrl+alt+f


Vim模式
sublime已經有內鍵vim模式因此只要,快速鍵 ctrl + p 開啟指令模式
再輸入settings user 叫出 Preferences : Settings - user
也許是空的,也許是有東西,不過都不打緊
直接在大括弧 {  }  中間  貼上 installed_packages":
後面再接上中括弧,重啟後的sublime 就如同linux 中的vim 一般,相當的熟悉感

不建議使用

Placeholders
功能類似emmet

prefixr
css3前綴,雖說不建議,不過偶爾還是想起有他,幫我處理CSS3的前缀問題

Sublime-HTMLPrettify  
找不到當初為什麼裝他的原因,也忘了他是什麼東東



熱鍵
功能
Command+K+B
側邊欄顯示/隱藏
Command+P or Command+T
極速隨意跳轉
Shift+Command+P
命令中心
Command+數字
切換至第 N 個 Tab
Control+Command+P
切換 Project
Command+]
縮排
Command+[
復原縮排
Control+Command+上
單行上移(或多行向上)
Control+Command+下
單行下移(或多行向下)
Shift+Command+F
搜索整個Project
Control+Shift+K
刪除此行或多行
Control+Shift+W
把選取內容用標籤包住
Option+Command+.
補上 Closing Tag
Shift+Command+A
標籤內內容全選
Control+Shift+Command+F
無干擾模式
ctrl + `
叫出 Console
ctrl + KK
從光標的地方刪除制行尾
ctrl+ shift + k
整行刪除
ctrl + L
選取整行
ctrl + J
合併多行
ctrl + shift + D
複製光標所在的一行
ctrl + M
跳至光標所對應的括號


這周因為改某人的code,改到已經有想打人的感覺....之前已經再三強調,別抄別人的code為什麼就是講不聽,那些年白癡部落客,教的蠢事....重點那些年的白癡現在還在教,還在社群公開演講傳授滿篇漏洞理論,那些社群如果不是有洞就是用下半身選稿選人,恨死那些沒腦袋的傢伙,寫完這篇已經早上九點....該.....吃早餐,胸口又開始痛,好像第三周沒睡....
« Previous
 
Next »
 

0 意見 : 張貼留言