Sublime text 3 插件整理分享

2020-09-16 15:52 更新

在網(wǎng)上看到許多關于sublime插件的分享,感覺都是一些片段,沒有很詳細的那種整理說明。在這里給大家分享一些我常用的 sublime text 插件。


  • All Autocomplete

  Sublime Text 默認的 Autocomplete 功能只考慮當前的文件,而 AllAutocomplete 插件會搜索所有打開的文件來尋找匹配的提示詞。 sublime text 3 插件整理分享


  • Alignment

  代碼對齊


  • AutoFileName

  快速幫助你在文件中寫路徑整體來說還不錯


  • Autoprefixer

  這個插件主要應用css的瀏覽器兼容書寫,自動分析你的css文件,解析出新的css文件,可以配置你要兼容的瀏覽器,不過這個插件要在之前安裝nodejs

sublime text 3 插件整理分享


  • BracketHighlighter

  配置文件的高亮設置,讓你的代碼有不同的顏色區(qū)分該插件提供配對標簽,或大括號或字符引號的配對高亮顯示,算是對系統(tǒng)高亮的加強吧。 

sublime text 3 插件整理分享


  • BufferScroll

  你可以輕松書寫一個文件多個位置了

sublime text 3 插件整理分享


  • ChineseLocalization

  各國語言包,小日本的都有哦

sublime text 3 插件整理分享


  • Color Highlighter

  顏色功能還是很爽的,找了好久

sublime text 3 插件整理分享

sublime text 3 插件整理分享


  • CSS Comments

       該有的都有,不該有的也有了

sublime text 3 插件整理分享


  • CSS Format

  css序列化插件,支持默認多種序列方案,還可以自己配置自己喜歡的


  • CSS3

css3語言提示插件,本來不想寫的,也不是什么特別的,但是可能會有人用到


  • CTags

  實在方法跳轉(zhuǎn),跳轉(zhuǎn)到你方法

  之后在win7下或者linux下安裝ctags軟件

  1.   打開ctags插件包的use-setting配置"command": "d:/IDE/ctags58/ctags.exe"這個路徑是下載ctags的安裝路徑
  2. 這個插件能跨文件跳轉(zhuǎn),跳轉(zhuǎn)到指定函數(shù)聲明的地方(ctrl+alt+左鍵)。 使用package control 搜索ctags 進行安裝(安裝ctags插件就可以了, 還有一個 CTags for PHP 插件沒什么用),注意安裝好插件后要需要安裝ctags命令。 將ctags.exe文件放在一個環(huán)境變量能訪問到的地方。打開cmd, 輸入ctags,如果有這個命令,證明成功了。ubuntu下安裝運行命令:sudo apt-get install exuberant-ctags 。然后在sublime項目文件夾右鍵, 會出 現(xiàn)Ctag:Rebuild Tags 的菜單。點擊它,然后會生成.tags的文件 然后在你代碼中, 光標放在某個函數(shù)上, 點擊 就可以跳轉(zhuǎn)到函數(shù)聲明的地方。


  • DocBlockr

  DocBlocker 是在Sublime平臺上開發(fā)一款自動補全注釋插件,支持JavaScript (including ES6), PHP, ActionScript, Haxe, CoffeeScript, TypeScript, Java, Apex, Groovy, Objective C, C, C++ and Rust.等眾多語言

sublime text 3 插件整理分享 sublime text 3 插件整理分享

sublime text 3 插件整理分享 sublime text 3 插件整理分享


  • Emmet

Emmet的前身是大名鼎鼎的Zen coding,如果你從事Web前端開發(fā)的話,對該插件一定不會陌生。它使用仿CSS選擇器的語法來生成代碼,大大提高了HTML/CSS代碼編寫的速度

 sublime text 3 插件整理分享

sublime text 3 插件整理分享

sublime text 3 插件整理分享


  • HTML-CSS-JS Prettify

  全能序列化


  • JavaScript Completions

  js最基本的api快查片段

sublime text 3 插件整理分享


  • JsFormat

  js序列化,能排在下載插件前25位,好的話就不用說了


  • Keymaps

  快速查找所有插件的快捷鍵

sublime text 3 插件整理分享


  • LiveStyle

  LiveStyle是Chrome中提高開發(fā)效率的一款CSS編輯器插件。利用LiveStyle和Sublime Text3編輯器結(jié)合可實現(xiàn)可視化開發(fā),一次配置,簡單易用!,并且最近支持less,scss

  你本地css文件可以和瀏覽器的css文件映射,同步到本地,但是必須在chrome上運行,chrome必須安裝相應的插件

sublime text 3 插件整理分享


  • PackageResourceViewer

  通過這個特殊的插件,會給你查看和編輯SublimeText附帶的不同的包帶來很多方便。您也可以提取任何給定的包。這一行動將其復制到用戶文件夾,以便您可以安全地對其進行編輯。

  很多人苦惱不能修改左側(cè)導航面板字體大小,用這個可以輕松辦到

  安裝PackageResourceViewer 快捷鍵 ?(command)+?(shift)+P 打開 Command Palette 輸入 Package Control:Install 回車,等待加載package列表 搜索并安裝 PackageResourceViewer 包

  最后,使用PackageResourceViewer打開Theme文件進行編輯 快捷鍵 ?(command)+?(shift)+P 打開 Command Palette 輸入 PackageResourceViewer: Open Resource 回車,打開包列表 選擇 Theme - Default,再選擇 Default.sublimt-theme 搜索   sidebar_label,在 "class": "sidebar_label" 后邊加一行:"font.size": 18,將字體大小設置為18,保存。 好啦,大功告成!

  如果覺得行間距太小,可以往上找下,有個class:"sidebartree",調(diào)一下里邊的rowpadding配置即可。

sublime text 3 插件整理分享


  • Pretty JSON

JSON,一個輕量級的資料交換語言,目前許多網(wǎng)站AJAX request的回應結(jié)果都是JSON格式

sublime text 3 插件整理分享


  • SideBarEnhancements

  增強右鍵菜單文件操作功能

  sublime text 3 插件整理分享


  • SublimeCodeIntel

  一個全功能的 Sublime Text 代碼自動完成引擎 ,本人做過對比,但是如果和webstorm的自動尋找還是稍遜一籌,不過對于大部分人來說夠用了,能很方便跳到你想要的方法

  支持的語言挺多的(JavaScript, Mason, XBL, XUL, RHTML, SCSS, Python, HTML, Ruby, Python3, XML, Sass, XSLT, Django, HTML5, Perl, CSS, Twig, Less, Smarty, Node.js, Tcl, TemplateToolkit, PHP.)


  • SublimeLinter

  代碼校驗插件,支持多種語言,這個是主插件,如果想檢測特定的文件需要單獨下載


  • SublimeLinter-jshint

  這個就是單獨的插件,上面的一個分支


  • SublimeTmpl

  創(chuàng)建常用文件初始模板,必須html,css,js模板


  • Tag

  HTML/XML標簽縮進、補全和校驗


  • Themr

  sublime可以下載很多風格樣式,用這個插件可以管理所有的風格


以上插件就是我們大部分要用到的,其它的我就不細說了,因為每個人不一樣,比如說git,sass,svn這些你們可以自己查找


插件的網(wǎng)址如下:(https://packagecontrol.io/browse  ) 希望你可以找到你喜歡的插件


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號