Sublime常用插件安裝大全

作爲前端人員,要找一個很順手的編輯器真的不容易,我向大家推薦的一款實用前端開發神器,不但佔地小,且插件很多,很強大。

下面我向大家介紹一下它的安裝及插件的使用方法。

 

一、安裝及安裝emmet插件

首先,去sublime官網下載軟件:http://www.sublimetext.com/ ,

軟件很小,我用的是最新版的text3,大家可以用目前穩定版text2。打開它的官網,我們就可以看到幾個動畫,演示sublime的強大功能。

其次,軟件安裝好了之後,我們來安裝一個插件,推薦使用package control組件來安裝插件,很方便。

安裝方法如下:

按快捷鍵ctrl+~ 調出命名控制行:然後如果是text2輸入如下命令:

 

import urllib2,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; 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://sublime.wbond.net/' + 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')

 

如果是text3輸入如下命令:

 

import urllib.request,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; 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://sublime.wbond.net/' + 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)

 

具體安裝您也可以查看:https://sublime.wbond.net/installation#st3

安裝好了之後,在Preferences會看到package control,如下圖:

 

 

 

第二,sublime常用插件:

SublimeTmpl

Package Control / Install Package, 搜索"SublimeTmpl" 或 "tmpl"

默認快捷鍵:

 

1 ctrl+alt+h html
2 ctrl+alt+j javascript
3 ctrl+alt+c css
4 ctrl+alt+p php
5 ctrl+alt+r ruby
6 ctrl+alt++shift+p python

 

ZenCoding(一種快速編寫HTML/CSS代碼的方法,現在它改名爲了Emmet)

不得不用的一款前端開發方面的插件,Write less , show more.安裝後可直接使用,Tab鍵觸發,Alt+Shift+W是個代碼機器。

Alignment

代碼對齊,如寫幾個變量,選中這幾行,Ctrl+Alt+A,哇,齊了。

Prefixr

寫 CSS可自動添加 -webkit 等私有詞綴,Ctrl+Alt+X觸發。

Tag

Html格式化,右鍵Auto-Format Tags on Ducument。一般是用ctrl +Alt +F 觸發,若觸發不了,查看是不是html文件,是否選中,是否有快捷鍵衝突!

Clipboard History

剪貼板歷史記錄,顯示更多歷史複製,Ctrl+Shift+V觸發。

SideBarEnhancements

側欄右鍵功能增強,非常實用

Theme – Soda

完美的編碼主題,用過的都說好,Setting user裏面添加”theme”: “Soda Dark.sublime-theme”

GBK to UTF8

將文件編碼從GBK轉黃成UTF8,快捷鍵Ctrl+Shift+C 

SFTP

直接編輯 FTP 或 SFTP 服務器上的文件,絕對FTP浮雲

WordPress

集成一些WordPress的函數,對於像我這種經常要寫WP模版和插件的人特別有用

PHPTidy

整理排版PHP代碼

YUI Compressor

壓縮JS和CSS文件

Ctags

函數跳轉,我的電腦上是Alt+點擊 函數名稱,會跳轉到相應的函數

Doc​Blockr

註釋插件,生成幽美的註釋。標準的註釋,包括函數名、參數、返回值等,並以多行顯示,省去手動編寫。 

JsMinifier

該插件基於Google Closure compiler,自動壓縮js文件。

JS Format

一個JS代碼格式化插件。

Sublime CodeIntel

代碼自動提示

Sublime Alignment

用於代碼格式的自動對齊。傳說最新版Sublime 已經集成。

Git

該插件基本上實現了git的所有功能。

ftpsync

FTP ssh上傳配置,安裝成功配置一下host等就可以了!

以上內容僅供參考,sublime功能強大不僅限於此,更多內容歡迎大家及時補充!!over~

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章