ubuntu sublime安裝及配置
安裝sublime-text-2:
<span style="font-size:18px;">sudo add-apt-repository ppa:webupd8team/sublime-text-2
sudo apt-get update
sudo apt-get install sublime-text</span>
安裝上第三方外掛管理:
按ctrl+`(1左邊的鍵),調出命令視窗,輸入
<span style="font-size:18px;">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')</span>
重啟sublime
按下Ctrl+Shift+p調出命令視窗,輸入Package Control: Install Package後回車可以看到第三方包,選定想要的點選便可以安裝
安裝sublime-text-3(推薦):
sudo add-apt-repository ppa:webupd8team/sublime-text-3
sudo apt-get update
sudo apt-get install sublime-text-installer
sublime text 3 啟用Package Control( ctrl+` shortcut or the View > Show Console)
import urllib.request,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)
常用外掛:
1格式化css程式碼
compact_expand_css_command
選擇Preferences>Key Bindings - User
加入如下程式碼:
{ "keys": ["ctrl+super+]"], "command": "compact_expand_css", "args": { "action": "expand" } },
{ "keys": ["ctrl+super+["], "command": "compact_expand_css", "args": { "action": "compact" } }
快捷鍵:control+command+[ 或者 control+command+]
sublime3下為:CSS Format
Usage
-----
Select the code, or place cursor in the document, and execute commands in one of the following ways:
* Context Menu: CSS Format.
* Edit Menu: Edit > CSS Format.
* Command Panel: Open command panel: `Ctrl+Shift+P` (Linux/Windows) or `Cmd+Shift+P` (OS X) and select **CSS Format: XXX**.
2左邊檔案目錄樹
SideBarEnhancements
在view>side bar>show open files,然後hide tabs
3.html標籤快捷操作
emmet
tools>command palette>package control>enable package
4.js格式化外掛
JsFormat
用於格式化 javascript 的程式碼, 之後可以 cmd + shift + p 找 Format: javascript 就可以了
5.html格式化
tag,HTMLBeautify
選中需要格式化的區域,快捷鍵:ctrl+alt+f,編寫 html 或者 xml 的時候, 這個外掛可以自動關閉開啟的標籤.
6高亮識別括號匹配
Bracket Highlighter
按preferences-->package settings-->Bracket highlighter-->Bracket settings-Default會開啟一個檔案
將"bracket_styles"中的style改為hightlight
7高亮出錯的程式碼行
SublimeLinter,也支援高亮一些特別的註釋,比如“TODO”,這樣就可以被快速定位。
8排列整齊變數
Alignment
var a = 123;//用var宣告的變數將以( = )對其。
var helloworld = 12334;
不過這外掛預設使用的是 ctrl + cmd + a 和 那個搶了 5個全域性個快捷鍵的QQ衝突, 所以需要修改外掛的快捷鍵. 點選選單 Preferences -> KeyBindings - User, 加入如下內容
{ "keys": ["super+ctrl+alt+]"], "command": "alignment" }
將快捷鍵修改成 ctrl + opt + cmd + ], 要改成什麼其他的也請自行修改.
9 jquery自動函式與單詞提示與補全
jquery
jQuery Package for sublime Text
10除錯 JavaScript 程式碼
Web Inspector
11 windows筆記本格式支援
“ConvertToUTF8”和“GBK Encoding Support"或"Ecoding Helping",在mac電腦可能會遇到這兩個外掛衝突,先要把ConvertToUTF8禁用,然後再開啟就可以解決衝突了。GBK to UTF8:將檔案編碼從GBK轉黃成UTF8,快捷鍵Ctrl+Shift+C
12取色外掛
ColorPicker:支援在各個平臺下取色(window, mac, ubuntu) 外掛, 輸入 cmd + shift + c 開啟, 相當好用.
13自動檢測寫檔案內容
自動檢測寫檔案內容, 切換到對應的正確的語言, 如 Gemfile => ruby.
13檢視函式定義的地方
簡單的說可以在程式碼裡直接檢視函式定義的地方, 比如看一個函式的定義或者類的定義. 不過這個外掛無法在 mac 下生成 ctags 檔案, 貌似是 python 層面的問題.
14遠端編輯伺服器上的檔案
模仿 Textmate 2 的 rmate 讓使用者遠端編輯伺服器上的檔案. 應該會挺好用的但我還沒用過只是列在這裡.
15程式碼提示/自動完成/格式檢查
Sublime CodeIntel 是一個程式碼智慧化外掛,源自Open Komodo編輯器。它能提供自動補全的資訊,也可以將目前工作的函式的簡單資訊顯示在狀態列中
16CSS3 私有字首自動補全外掛
Sublime Prefixr
17貼上板歷史記錄
Clipboard History,方便使用複製/剪下的內容。
18插入佔位符和HTML
Placeholders
19正確確定文件的syntax
DetectSyntax當你使用自定義的文件格式時(譬如模板檔案中要使用的文件),這個外掛尤其有用。
20下載某個檔案最新的版本
Nettuts Fetch幫你下載某個檔案最新的版本,僅僅動一下手指敲個快捷鍵便可以做到,它會向你設定的URL發出curl請求。對於新的專案來說,它非常有用,因為你使用的都是最新的版本。
21將檔案優化到最小大小
JsMinifier將檔案優化到最小大小,再部署到伺服器是一種很好的實踐。這個外掛採用Goolgle Closure編譯器來最小化你的JavaScript程式碼。
22根據括號來摺疊程式碼
Bracket Highlighter,類似於程式碼匹配,可以匹配括號,引號等符號內的範圍。
23採用三種最常用的命名規則來轉換命名
Case Conversion,你遇到過不遵守命名習慣的糟糕同事嗎?Case Conversion採用三種最常用的命名規則來轉換命名。
24在編輯器中找到答案
StackOverflow真是我的好幫手,幫我節省了很多時間,我已經說不清我在它上面找到答案的次數了。這個外掛能讓你迅速的在編輯器中找到答案。
25使用大部分常用的Git命令
Git:這個小外掛讓你在Sublime Text中使用大部分常用的Git命令。而且用Sublime Text 2來檢視Diff結果是件非常舒心的事情!
26將顏色的Hex碼轉換成HSL
你是否已經厭倦了頻繁的將顏色的Hex碼轉換成HSL?這個外掛能幫你自動轉換,你只需按下Shift + Ctrl + U。
27快速註釋
DocBlockr
功能:生成優美註釋
簡介:標準的註釋,包括函式名、引數、返回值等,並以多行顯示,手動寫比較麻煩
使用:輸入/*、/**然後回車,還有很多用法,請參照
https://sublime.wbond.net/packages/DocBlockr
28快捷輸入檔名
AutoFileName
功能:快捷輸入檔名
簡介:自動完成檔名的輸入,如圖片選取
使用:輸入”/”即可看到相對於本專案資料夾的其他檔案
29node程式碼提示
Nodejs
功能:node程式碼提示
教程:https://sublime.wbond.net/packages/Nodejs
30中文輸入法支援
IMESupport
功能:sublime中文輸入法
簡介:還在糾結 Sublime Text 中文輸入法不能跟隨游標嗎?試試「IMESupport 」這個外掛吧!目前只支援 Windows,在搜尋等介面不能很好的跟隨游標。
使用:Ctrl + Shift + P →輸入pci →輸入IMESupport →回車
31檢測並一鍵去除程式碼中多餘的空格
Trailing spaces
功能:檢測並一鍵去除程式碼中多餘的空格
簡介:還在糾結程式碼中有多餘的空格而顯得程式碼不規範?或是有處女座情節?次外掛幫你實現發現多餘空格、一鍵刪除空格、儲存時自動刪除多餘空格,讓你的程式碼規範清爽起來
使用:安裝外掛並重啟,即可自動提示多餘空格。一鍵刪除多餘空格:CTRL+SHITF+T(需配置),更多配置請點選標題。快捷鍵配置:在Preferences / Key Bindings – User加上程式碼(陣列內)
{ "keys": ["ctrl+shift+t"], "command": "delete_trailing_spaces" }
32比較程式碼不同
FileDiffs
功能:強大的比較程式碼不同工具
簡介:比較當前檔案與選中的程式碼、剪下板中程式碼、另一檔案、未儲存檔案之間的差別。可配置為顯示差別在外部比較工具,精確到行。
使用:右鍵標籤頁,出現FileDiffs Menu或者Diff with Tab…選擇對應檔案比較即可
33javascript常用外掛
javascript console
javascript snippets
34theme
soda
35改變引號
changeQuotes
附上ubuntu下sublime中文輸入解決方案(包含步驟及工具)
http://download.csdn.net/detail/qilixiang012/7256537
http://justcoding.iteye.com/blog/1957613