Sublime Text 插件的安裝和插件集合

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 插件集合。

  1. Emmet

功能:編碼快捷鍵,前端必備
簡介:Emmet作為zen coding的升級版,對于前端來說,可是必備插件,如果你對它還不太熟悉,可以在其官網(http://docs.emmet.io/)上看下具體的演示視頻。
使用:教程-http://docs.emmet.io/cheat-sheet/、http://peters-playground.com/Emmet-Css-Snippets-for-Sublime-Text-2/

  1. JSFormat

功能:Javascript的代碼格式化插件
簡介:很多網站的JS代碼都進行了壓縮,一行式的甚至混淆壓縮,這讓我們看起來很吃力。而這個插件能幫我們把原始代碼進行格式的整理,包括換行和縮進等等,是代碼一目了然,更快讀懂~
使用:在已壓縮的JS文件中,右鍵選擇jsFormat或者使用默認快捷鍵(Ctrl+Alt+F)

  1. Alignment

功能:”=”號對齊
簡介:變量定義太多,長短不一,可一鍵對齊
使用:默認快捷鍵Ctrl+Alt+A和QQ截屏沖突,可設置其他快捷鍵如:Ctrl+Shift+Alt+A;先選擇要對齊的文本

  1. Sublime-Autoprefixer

功能:CSS添加私有前綴
簡介:CSS還未標準化,所以要給各大瀏覽器一個前綴以解決兼容問題
使用:Ctrl+Shift+P,選擇autoprefixer即可。需要安裝node.js。
其他設置如快捷鍵請參考:https://sublime.wbond.net/packages/Autoprefixer

  1. Clipboard History

功能:粘貼板歷史記錄
簡介:方便使用復制/剪切的內容
使用:
? Ctrl+alt+v:顯示歷史記錄
? Ctrl+alt+d:清空歷史記錄
? Ctrl+shift+v:粘貼上一條記錄(最舊)
? Ctrl+shift+alt+v:粘貼下一條記錄(最新)

  1. Bracket Highlighter

功能:代碼匹配
簡介:可匹配[], (), {}, “”, ”, <tag></tag>,高亮標記,便于查看起始和結束標記
使用:點擊對應代碼即可

  1. Git

功能:git管理
簡介:插件基本上實現了git的所有功能
使用:https://github.com/kemayo/sublime-text-git/wiki

  1. jQuery

功能:jQ函數提示
簡介:快捷輸入jQ函數,是偷懶的好方法

  1. DocBlockr

功能:生成優美注釋
簡介:標準的注釋,包括函數名、參數、返回值等,并以多行顯示,手動寫比較麻煩
使用:輸入/、/*然后回車,還有很多用法,請參照
https://sublime.wbond.net/packages/DocBlockr

  1. Color Picker

功能:調色板
簡介:需要輸入顏色時,可直接選取顏色
使用:快捷鍵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

具體使用方法還須大家慢慢摸索,今天的分享就到這里,感覺有用不如點個喜歡吧。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 轉戰vscode 20170829 Sublime Text 插件介紹合集 1 Emmet 功能:編碼快捷鍵,前端...
    小小游輪閱讀 2,785評論 0 9
  • Sublime Text:一款具有代碼高亮、語法提示、自動完成且反應快速的編輯器軟件,不僅具有華麗的界面,還支持插...
    xiaotao123閱讀 9,520評論 0 27
  • Sublime Text:一款具有代碼高亮、語法提示、自動完成且反應快速的編輯器軟件,不僅具有華麗的界面,還支持插...
    追風逸少丶閱讀 11,367評論 1 34
  • 一、安裝及安裝emmet插件 首先,去sublime官網下載軟件:[http://www.sublimetext....
    落魂灬閱讀 2,955評論 0 3
  • 生活不易 各自珍惜 我喜歡自由 同時也渴望自由 我喜歡那種我愿平東海,身沉心未改的人,也喜歡那種走南闖北,身上有厚...
    lllwj_閱讀 198評論 0 0