1. 程式人生 > >常用的sublime text 3插件(很爽哦)

常用的sublime text 3插件(很爽哦)

map scss .com gpo ont ctags es6 選擇器 配置文件

  個人比較懶,平時喜歡用webstorm,但是因為webstorm打開實在太慢了,並且太看設備,所以本人編輯簡單的文件依然會選擇使用sublime,雖然網上有很多關於此類插件的分享了,但是感覺都是片段,沒有重點細致整理。

  今天休息,在這簡單的分享下自己常用插件

  • All Autocomplete

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

  技術分享圖片

  • 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.)

  • CTags

  實在方法跳轉,跳轉到你方法

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

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

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

  • Autoprefixer

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

技術分享圖片

  • BracketHighlighter

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

技術分享圖片

  • BufferScroll

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

技術分享圖片

  • ChineseLocalization

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

  技術分享圖片

  • Color Highlighter

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

技術分享圖片技術分享圖片

  • CSS Comments

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

技術分享圖片

  • CSS Format

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

  • CSS3

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

  • DocBlockr

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

技術分享圖片技術分享圖片技術分享圖片技術分享圖片

  • Emmet

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

  技術分享圖片技術分享圖片技術分享圖片

  • HTML-CSS-JS Prettify

  全能序列化

  • JavaScript Completions

  js最基本的api快查片段

技術分享圖片

  • JsFormat

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

  • Keymaps

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

技術分享圖片

  • LiveStyle

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

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

  技術分享圖片技術分享圖片

  • Pretty JSON

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

技術分享圖片

  • SideBarEnhancements

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

  技術分享圖片

  • SublimeLinter

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

  • SublimeLinter-jshint

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

  • SublimeTmpl

  創建常用文件初始模板,必須html,css,js模板

  • Tag

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

  • Alignment

  代碼對齊

  • PackageResourceViewer

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

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

  安裝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",調一下裏邊的rowpadding配置即可。

  技術分享圖片

  • Themr

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

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

  插件的網址如下,你可以找到你喜歡的插件

  https://packagecontrol.io/browse

  最近出現sublime:3103版本好多沒有激活碼

  今天在這補充下文章

—– BEGIN LICENSE —–
Michael Barnes
Single User License
EA7E-821385
8A353C41 872A0D5C DF9B2950 AFF6F667
C458EA6D 8EA3C286 98D1D650 131A97AB
AA919AEC EF20E143 B361B1E7 4C8B7F04
B085E65E 2F5F5360 8489D422 FB8FC1AA
93F6323C FD7F7544 3F39C318 D95E6480
FCCC7561 8A4A1741 68FA4223 ADCEDE07
200C25BE DBBC4855 C4CFB774 C5EC138C
0FEC1CEF D9DCECEC D3A5DAD1 01316C36
—— END LICENSE ——

  

常用的sublime text 3插件(很爽哦)