作為前端人員，要找一個(gè)很順手的編輯器真的不容易，以前我用同事推薦的netbeans，很好用，但是它主要是用于php開(kāi)發(fā)，且軟件太大，運(yùn)行起來(lái)比較慢，后來(lái)又用前端開(kāi)發(fā)的webStrom,也不錯(cuò)，很好用，他的歷史記錄等功能比較強(qiáng)大，但是還是有一個(gè)缺點(diǎn)，就是軟件有點(diǎn)大，運(yùn)行起來(lái)有點(diǎn)慢。
我在我向大家推薦一款實(shí)用的前端開(kāi)發(fā)神器，不但占地小，且插件很多，很強(qiáng)大。下面我向大家介紹一下它的安裝及插件的使用方法。
一、安裝及安裝emmet插件
首先,去sublime官網(wǎng)下載軟件：http://www.sublimetext.com/ ，
軟件很小，我用的是最新版的text3，大家可以用目前穩(wěn)定版text2。打開(kāi)它的官網(wǎng)，我們就可以看到幾個(gè)動(dòng)畫(huà)，演示sublime的強(qiáng)大功能。
其次，軟件安裝好了之后，我們來(lái)安裝一個(gè)插件，推薦使用package control組件來(lái)安裝插件，很方便。
安裝方法如下：
按快捷鍵ctrl+~ 調(diào)出命名控制行：然后如果是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會(huì)看到package control，如下如：
最后，有了package control，你就可以安裝您想要的插件了!很簡(jiǎn)單，sublime下面有很多插件，一般編輯器有的，sublime都會(huì)以插件的形式出現(xiàn)，下面我們最先介紹Emmet。
打開(kāi)package control 輸入install package 然后找到emmet，點(diǎn)擊安裝，重啟sublime就可以了，具體請(qǐng)看：https://github.com/sergeche/emmet-sublime#readme
sublime Emmet的用法請(qǐng)點(diǎn)擊！
第二，sublime常用插件：
1、ZenCoding
不得不用的一款前端開(kāi)發(fā)方面的插件，Write less , show more.安裝后可直接使用，Tab鍵觸發(fā)，Alt+Shift+W是個(gè)代碼機(jī)器。
2、Alignment
代碼對(duì)齊，如寫(xiě)幾個(gè)變量，選中這幾行，Ctrl+Alt+A，哇，齊了。
3、Prefixr
寫(xiě) CSS可自動(dòng)添加 -webkit 等私有詞綴，Ctrl+Alt+X觸發(fā)。
4、Tag
Html格式化，右鍵Auto-Format Tags on Ducument。一般是用ctrl +Alt +F 觸發(fā)，若觸發(fā)不了，查看是不是html文件，是否選中，是否有快捷鍵沖突！
5、Clipboard History
剪貼板歷史記錄，顯示更多歷史復(fù)制，Ctrl+Shift+V觸發(fā)。
6、SideBarEnhancements
側(cè)欄右鍵功能增強(qiáng)，非常實(shí)用
/7、Theme – Soda
完美的編碼主題，用過(guò)的都說(shuō)好，Setting user里面添加”theme”: “Soda Dark.sublime-theme”
8、GBK to UTF8
將文件編碼從GBK轉(zhuǎn)黃成UTF8，菜單 – File里面找
9、SFTP
直接編輯 FTP 或 SFTP 服務(wù)器上的文件，絕對(duì)FTP浮云
10、WordPress
集成一些WordPress的函數(shù)，對(duì)于像我這種經(jīng)常要寫(xiě)WP模版和插件的人特別有用
11、PHPTidy
整理排版PHP代碼
12、YUI Compressor
壓縮JS和CSS文件
13、Ctags
函數(shù)跳轉(zhuǎn)，我的電腦上是Alt+點(diǎn)擊 函數(shù)名稱(chēng)，會(huì)跳轉(zhuǎn)到相應(yīng)的函數(shù)
14、Doc?Blockr
注釋插件，生成幽美的注釋。標(biāo)準(zhǔn)的注釋?zhuān)ê瘮?shù)名、參數(shù)、返回值等，并以多行顯示，省去手動(dòng)編寫(xiě)。
15、ftpsync
FTP ssh上傳配置，安裝成功配置一下host等就可以了！
16、SFTP
安裝成功之后，文件夾下面單擊右鍵，map to remote 生成sftp-config.json文件，假如已經(jīng)生成，點(diǎn)擊 edit remote Mapping ，sftp-config.json
