Sublime Text 安裝插件。
Sublime Text
是有一個插件管理器的叫做Package Control
在最新版本OSX客戶端中安裝特別方便在Tools
選項卡中最后一項為Install Packages
選項,點擊一下稍等3秒鐘,就OK了,
而對于Window用戶來說需要打開控制臺快捷鍵
ctrl +
然后在控制臺里面根據你的Sublime Text
版本粘貼下方對應的代碼就行了
****Sublime Text 3:****
import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; 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)
****Sublime Text 2:****
import urllib2,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; 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()) ); by = urllib2.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')
Package Control
安裝完成按Commit + Shift + P
快捷鍵進入插件管理
插件管理器.jpg
輸入install
選擇Package Control:Install Package
選項進入安裝插件
搜索插件.jpg
在這里輸入你想要安裝的插件名字回車安裝就行了,在左下角會顯示你安裝的進度
官方安裝教程直通車
Sublime Text 插件集合。
功能:編碼快捷鍵,前端必備
簡介:Emmet作為zen coding的升級版,對于前端來說,可是必備插件,如果你對它還不太熟悉,可以在其官網(http://docs.emmet.io/)上看下具體的演示視頻。
使用:教程-http://docs.emmet.io/cheat-sheet/、http://peters-playground.com/Emmet-Css-Snippets-for-Sublime-Text-2/
功能:Javascript的代碼格式化插件
簡介:很多網站的JS代碼都進行了壓縮,一行式的甚至混淆壓縮,這讓我們看起來很吃力。而這個插件能幫我們把原始代碼進行格式的整理,包括換行和縮進等等,是代碼一目了然,更快讀懂~
使用:在已壓縮的JS文件中,右鍵選擇jsFormat或者使用默認快捷鍵(Ctrl+Alt+F)
功能:”=”號對齊
簡介:變量定義太多,長短不一,可一鍵對齊
使用:默認快捷鍵Ctrl+Alt+A和QQ截屏沖突,可設置其他快捷鍵如:Ctrl+Shift+Alt+A;先選擇要對齊的文本
功能:CSS添加私有前綴
簡介:CSS還未標準化,所以要給各大瀏覽器一個前綴以解決兼容問題
使用:Ctrl+Shift+P,選擇autoprefixer即可。需要安裝node.js。
其他設置如快捷鍵請參考:https://sublime.wbond.net/packages/Autoprefixer
功能:粘貼板歷史記錄
簡介:方便使用復制/剪切的內容
使用:
? Ctrl+alt+v:顯示歷史記錄
? Ctrl+alt+d:清空歷史記錄
? Ctrl+shift+v:粘貼上一條記錄(最舊)
? Ctrl+shift+alt+v:粘貼下一條記錄(最新)
功能:代碼匹配
簡介:可匹配[], (), {}, “”, ”, <tag></tag>,高亮標記,便于查看起始和結束標記
使用:點擊對應代碼即可
功能:git管理
簡介:插件基本上實現了git的所有功能
使用:https://github.com/kemayo/sublime-text-git/wiki
功能:jQ函數提示
簡介:快捷輸入jQ函數,是偷懶的好方法
功能:生成優美注釋
簡介:標準的注釋,包括函數名、參數、返回值等,并以多行顯示,手動寫比較麻煩
使用:輸入/、/*然后回車,還有很多用法,請參照
https://sublime.wbond.net/packages/DocBlockr
功能:調色板
簡介:需要輸入顏色時,可直接選取顏色
使用:快捷鍵Windows: ctrl+shift+c
Updata 2017-08-02
一、文檔編碼,程序語言環境支持
文檔編碼ConvertToUTF8
二、文檔美化(語法高亮,代碼縮進,標簽操作,文檔格式化)
格式化HTML/CSS/JS代碼Sublime-HTMLPrettify
*CSS格式化CSS Format
格式化JS代碼JsFormat
*JS保存時自動格式化代碼StandardFormat
高亮html標簽、匹配括號、引號BracketHighlighter
顏色代碼對應色彩顯示ColorHighlighter
標簽操作Tag
刪除空白字符TrailingSpaces
刪除空行DeleteBlankLines
擴展范圍選擇ExpandRegion
三、語法檢測,代碼測試
語法及風格校驗框架SublimeLinter3
JS語法及風格校驗SublimeLinter-jshintNode.js & npm
npm install -g jshint / npm install -g csslint
在項目創建.jshintrc文件配制各種規則{“eqeqeq”:true,”curly”:true}
http://jshint.com/
CSS語法及風格校驗SublimeLinter-csslint
*測試HTTP請求SublimeHttpRequester
四、代碼智能提示、補全與響應,代碼模板
HTML/CSS代碼快速編寫Emmet
*雙向編輯樣式 LiveStyle
代碼智能提示補全Sublime?Code?Intel
注釋編輯Doc?Blockr
HTML拼接成JS插入字符串QuoteHTML
較全的各種提示,可配置Better Completion
*JS代碼段JavaScript Patterns snippets
*JS代碼段sublime-javascript-snippets
*jQuery代碼段SublimeText j?Query Snippets
*jQuery代碼段(可選)j?Query Snippets
Canvas代碼段Canvas Snippets
*CSS3提示CSS3
補全CSS前綴sublime-autoprefixer
*根據文件擴展名創建模板FileHeader
*新建文件時使用模版SublimeTmpl
根據打開的文件,代碼補全好用,但是,會有點亂
All Autocomplete
*Markdown語法支持MarkdownEditing
Markdown語法高亮Markdown Extended
Markdown文檔預覽和發布成HTMLMarkdown Preview
Markdown文檔目錄大綱MarkdownTOC
五、關聯文件類名、路徑補全
文件路徑自動提示AutoFileName
六、編輯器功能擴展
*漢化插件Chinese-Localization
符號編碼轉換 > > Hasher
擴展側邊欄右鍵功能SideBarEnhancements
菜單位置管理側邊欄SideBarFolders
更改側邊欄顏色SyncedSidebarBg
創建新文件AdvancedNewFile
輸入法輸入欄光標位置IMESupport
*計劃任務PlainTasks
顏色選擇器ColorPicker
搜索所有打開的文件來尋找匹配的提示詞AllAutocomplete
*獲取最新版本的遠程文件或zip包Nettuts+Fetch
快捷鍵檢查FindKeyConflicts
擴展行列操作Sublime-MultiEditUtils
*HTTP服務器SublimeServer
Sublime Text 刪除重復字符RemoveDuplicateCharacters