>IDE？不需要，一個優秀的編輯器不淡運行更快，而且功能絲毫不遜色于任何龐大的IDE（特別是Java系的） # Sublime Text 3 Sublime Text 是一個代碼編輯器（Sublime Text 是收費軟件，但可以無限期試用），也是HTML和散文先進的文本編輯器。Sublime Text是由程序員Jon Skinner于2008年1月份所開發出來，它最初被設計為一個具有豐富擴展功能的Vim。 ### 先說Sublime Text的優點： 1. Sublime Text跨平臺。如果一種編輯器只能運行在一種平臺上，我是絕對不會考慮它的，跨平臺是必要條件。 2. Sublime Text不僅跨平臺，而且在所有平臺上看起來都很漂亮。很流暢，響應靈敏，很吸引眼球。 3. Sublime Text的一個獨特的功能是支持多光標操作：它能讓你對文本中的多個地方同時做修改，你可以看到多個地方在你輸入的時候同時發生變化。重構時用它很方便，比如修改一個變量名。 4. Sublime Text的command palette能夠讓你輕松的做任何操作，勉去了記憶眾多快捷鍵的痛苦。你只需要打開command palette ，輸入幾個字母，Sublime Text會用模糊查詢給你提供建議和選項。跟直接使用快捷鍵幾乎沒區別。 5. 所有的操作和選項都很直觀的放在菜單里。雖然我并不是很多的使用菜單(感謝command palette)，但你可以在里面查找你想要的操作，學會這個編輯器里有哪些功能。 6. 打開文件很快，而且可以通過Go to anything彈出面板轉到文件中任何地方。我使用Vim時一直使用ctrlp來做這種事情，但Sublime Text支持轉到某個位置和某行，非常方便。 7. 編輯文件的同時你可以啟動編譯，看到輸出結果，這種交互能讓你快速發現編譯錯誤。這點集成的非常好，非常順滑，比Vim要好。 8. 在Sublime Text里你可以使用Vim命令進行光標移到和編輯文本，很顯然，如果你習慣Vim，你可以在Sublime Text了進行閃電般的快速編輯。 9. 當然，Sublime Text里還提供了很多非常有用的文本操作命令，你可以設定快捷鍵綁定這些操作。 10. Sublime Text擴展性很好，它使用了Python式的插件系統。這顯然是一個很大和活躍的社區，可以為它提供豐富的插件，這也意味著你可以在網上找的任何你想要的插件來集成你想要的功能。 ### 不幸的是，Sublime Text也有不少缺點： 1. 盡管Sublime Text是跨平臺的，但它看起來并不是為同時在多個平臺上的用戶設計的。比如，快捷鍵在各個平臺上都不同，這比由Cmd變成Ctrl要嚴重的多。這可能是由于Sublime Text的設計傾向于平臺本地化。在不同的平臺上記憶不同的快捷鍵無疑是討厭的，經常切換平臺時常會弄錯。 2. Sublime Text的配置文件是存在固定格式、平臺特定的文件里的。可能同樣是因為Sublime Text希望最大化的和操作系統本地集成的原因。然而，這就使得你將配置文件存放在Git版本庫里變得很麻煩，在不同的機器，不同的操作系統上不能共享。 3. Sublime Text使用JSON格式存放配置參數，這適合是無可非議，但確有個很大的缺點：設置的每一行結尾都需要一個逗號，除非最后一行。很多在我修改配置時都忘了這一點。使用JSON的另外一個缺點是，這種格式不是很強大：因為它基本上都是key/value值，你無法添加條件依賴(比如，在不同的機器上不同的配置)，或引用其它文件。 4. Sublime Text沒有命令行界面。我經常需要編輯遠程系統上的文件，通常只有一個命令行終端。這種情況下，我只能用其它編輯器。 5. Sublime Text很明顯的另外一個缺點：它不開源，而且收費版的價格也不便宜。我并不是反對任何閉源軟件，而且如果一個編輯器我需要天天使用它，我很愿意花錢買它。然而，有一些現實問題：我工作的那臺機器無法運行Sublime Text，因為Sublime Text引用了一些舊的程序庫，我機器上沒有。我無法自己重新編譯它，它就毫無用處了。而且，有一點我需要說的是，我不喜歡這種一個編輯器的生命依賴于某個人的專注和貢獻，萬一他被車撞了呢。如果他的開發終止了，也許會人能克隆一個來支持現有用戶們，這是個未知數。 ## Package Control PackageControl插件本身是一個為了方便管理插件的插件就像，PackageControl之于Sublime Text 3 的作用就像npm之于node.js的作用。有了PackageControl你才能方便的安裝接下來的插件，當然PackageControl也不是必須要的，如果你動手能力強的話，完全可以從github下載各種插件手動安裝，但是這里我們還是推薦用PackageControl來進行插件的管理。 > 安裝步驟： 1.點擊View > Show Console 2.粘貼以下代碼并回車執行等待完成，可能安裝完需要重新啟動Sublime Text 3 ```python import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; 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://packagecontrol.io/' + 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) ``` ## LocalizedMenu 漢化必備 ## Emmet（前端必備） Emmet 項目的前身是前端開發人員熟知的 Zen Coding（快速編寫 HTML/CSS 代碼的方案）。在 Sublime Text 編輯器中搭配 Emmet 插件真的是讓你編碼快上加快。 ## phpfmt（PHP必備） phpfmt用來格式化php代碼 參考配置： { "enable_auto_align": true, "format_on_save": true, "indent_with_space": 4, "php_bin": "/usr/local/Cellar/php71/7.1.2_13/bin/php", "psr2": true, "version": 1 } ## SublimeLinter SublimeLinter 是前端編碼利器，用于高亮提示用戶編寫的代碼中存在的不規范和錯誤的寫法，支持 JavaScript、CSS、HTML、Java、PHP、Python、Ruby 等十多種開發語言。 > 簡單說就是幫你找錯誤的 ## SideBarEnhancements 一個增強側邊欄文件夾瀏覽功能的插件，比較不錯。 ## BracketHighlighter [], (), {}, "", '', #!xml 等標記配對的代碼高亮插件 ## SublimeCodeIntel 一個全功能的 Sublime Text 代碼自動完成引擎,這個插件的智能提示功能非常強大，可以自定義提示的內容庫 ## HTML5 HTML5標簽屬性提示的插件 ## Alignment =號自動對齊 ## SFTP SFTP工具 ## Git Git插件讓你在ST3中可以直接使用Git命令，比如：git add , git commit ## jQuery jQuery支持 ## ColorPicker 通常，如果你想使用一個顏色選擇器則可能打開 Photoshop 或 GIMP。而在 Sublime Text 中，你可以使用內置的顏色選擇器。安裝完成后，只要按下Ctrl / Cmd + Shift + C 快捷鍵 ## LESS 用LESS的同學都知道，sublime沒有支持less的語法高亮，所以這個插件可以幫上我們 ## ConvertToUTF8 轉換文件編碼為utf8 ## All Autocomplete Sublime Text 默認的 Autocomplete 功能只考慮當前的文件，而 AllAutocomplete 插件會搜索所有打開的文件來尋找匹配的提示詞。 ## GitGutter Sublime Text 有了 Git 插件之后，GitGutter能直接在代碼左側顯示文件之前的改動和差異，提升開發效率。 ## MarkdownPreview 雖然許多開發人員更喜歡在云端（GitHub Gists，StackEdit，Markable）創建 Markdown 文件 。不過另外一些喜歡在本地編寫 Markdown 文件的開發者， MarkdownPreview 很有用，可以預覽文件，還有顏色高亮顯示。 ## AutoFileName 自動完成文件名 ## ColorHighlighter 給代碼加上顏色代碼所表示的顏色背景 ## AngularJS AngularJS支持 ## TrailingSpaces TrailingSpaces是很好用的一款插件，可以清除代碼結尾打多了幾個空格或Tab，對于代碼潔癖絕對是個福音 ## Terminal 當你想要打開在當前文件所在的目錄的終端，這個插件可以幫助你。不過，在默認情況下，它設置按 Ctrl / Cmd + Shift + T 鍵的快捷方式打開終端。不過這也是打開上次關閉的文件的快捷方式，你需要修改一個快捷鍵來兼容兩個功能。 ## Bootstrap 3 Snippets Bootstrap 3 自動完成 ## Nodejs Nodejs支持 ## CSSComb 使用這個工具可以幫助你重新排列CSS中定義的屬性，幫助你按照你預定義的排序格式生成新的CSS。 主要特性 幫助排序CSS屬性 自定義排序規則 可以處理標簽 style 內的CSS屬性 格式不變化 完全支持CSS2/CSS2.1/CSS3和CSS4 ## Gulp Run Gulp tasks and snippets from Sublime Text ## Dockerfile Syntax Highlighting Dockerfile語法高亮 ## Babel Sublime3才有的插件，支持ES6、JSX語法高亮。 ## DocBlockr 自動完成函數注釋 ## SublimeREPL 對開發者來講這個可能是最有用的插件之一了。SublimeREPL 可以直接在編輯器中運行一個解釋器，支持很多語言： Clojure, CoffeeScript, F#, Groovy, Haskell, Lua, MozRepl, NodeJS, Python, R, Ruby, Scala, shell ## Web Inspector 在 JavaScript調試方面，這是一個令人驚訝的工具，Sublime上的完整的代碼檢查工具。 功能：使用絕對路徑儲存在用戶設置中的項目斷點，控制臺，分步和斷點調試器，棧追蹤。這些都能夠很棒的工作！而且Mozilla還提供了一個插件Fireplay讓你連接到Firefox 開發工具和最簡單的調試器JSHint