本篇介紹跨平臺編輯器Sublime Text 3的安裝和其插件推薦。css
目錄:html
1.介紹前端
2.下載安裝html5
3.插件node
4.參考資料git
Sublime Text具備漂亮的用戶界面和強大的功能,例如代碼縮略圖,Python的插件,代碼段等。還可自定義鍵綁定,菜單和工具欄。Sublime Text 的主要功能包括:拼寫檢查,書籤,完整的 Python API , Goto 功能,即時項目切換,多選擇,多窗口等等。Sublime Text 是一個跨平臺的編輯器,同時支持Windows、Linux、Mac OS X等操做系統。除此之外Sublime Text還支持插件擴展,使其成爲一個功能強大的「輕編輯器」。編輯器
Sublime Text 2:http://www.sublimetext.com/2ide
Sublime Text 3:http://www.sublimetext.com/3(beta版本,對Sublime Text 2的不少項改進)工具
注:本文以Sublime Text 3 爲例,插件也推薦的Sublime Text3兼容的插件。ui
3.1 Sublime Text使用Package Control來管理其插件,能夠安裝,更新,卸載插件。因此須要先安裝Package Control。
1.自動安裝 調出Sublime Text 3控制檯(Ctrl+~或者View->Show Console),在控制檯中輸入: 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) 回車,等待安裝完成。 2.手動安裝 下載Package Control.sublime-package安裝包,將安裝包放到軟件安裝目錄下的Installed Packages文件夾下,從新啓動Sublime Text 3。
3.2 在Sublime Text 3界面中,按下Ctrl+Shift+P調出Package Control(或者菜單欄中選擇Preferences->Package Control),輸入Install Package。在下拉菜單中選擇Package Control:Install Package,等待命令完成,會彈出插件列表,在列表中選擇本身須要的插件。
3.3 能夠https://packagecontrol.io/browse中查看最受歡迎的插件及其描述,以後經過Package Control搜尋插件名,進行安裝。(也可用過Package Control:Advanced Install Package同時安裝多個插件,以逗號分隔插件名。)
3.4 經常使用插件:
Emmet --前端神級插件,前身Zen Coding Emmet Css Snippets --emmet css 加強 SublimeLinter --語法檢查 SideBarEnhancements --狀態欄加強 BracketHighlighter --括號高亮 SublimeCodeIntel --代碼提示 HTML5 --html5支持 Alignment --自動對齊 SFTP --ftp支持 Git --git支持 jQuery --jQuery提示支持 ColorPicker --顏色拾取 All Autocomplete --自動補全(全部打開的文件) HTML-CSS-JS Prettify --HTML/CSS/JS美化 Color Highlighter --CSS顏色高亮顯示 Pretty JSON --美化JSON Tag --HTML/XML標籤提示
CTag --CTag支持 AngularJS --AngularJS提示支持 Bootstrap 3 Snippets --Bootstrap3提示支持 Jade --Jade提示支持 Autoprefixer --CSS前綴自添加 CSS3 --CSS3支持 EncodingHelper --編碼狀態欄顯示和轉換 Nodejs -nodejs提示支持
DocBlockr --註釋加強
Terminal --文件位置打開控制檯 --待補充
http://www.sublimetext.com/
https://packagecontrol.io