前端神器-sublime外掛程式安裝及使用，前端神-sublime外掛程式

前端神器-sublime外掛程式安裝及使用，前端神-sublime外掛程式

     今天研究了一下sublime,瞬間發現sublime text 簡稱ST簡直是前端神器！擁有超強的代碼編寫能力，

         

詳情請看：http://www.sublimetext.com/

sublime還可以將運算式轉換為html標籤，如：如下運算式，

按ctrl+E之後，就會變為

是不是很爽！！！！

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

安裝好了之後，可以用package control安裝你想要的外掛程式：

我們先來安裝ement, 

開啟package control  輸入install package 然後找到emmet

點擊安裝，重啟sublime就可以了。具體請看：https://github.com/sergeche/emmet-sublime#readme

具體sublime的使用，你用下就會喜歡上她！！！！

sublime Text 2下有什優秀的前端外掛程式

編寫html代碼，一定要使用emmet（前身是zencoding），還有以下外掛程式也是可以考慮的：
bracketHighter 高亮引號、括弧等
code Aligment 代碼對齊
DocBlockr 如果你寫js，這個就很有用了
emmet 書寫html必備
emmet css snippets 書寫css必備
Encoding Helper 當你遇到載入的檔案亂碼時，這個外掛程式就很有用了
jsFormat 格式化js代碼
theme soda 軟體主題，挺漂亮的
minifier 壓縮js/css
sidebarenhance 增強型側邊欄

livereload 配合瀏覽器（firefox、chrome）上的livereload外掛程式，就不用老是按F5了
 
前端，為何在sublime text 安裝不了Zen Coding的外掛程式 只找到Zen Garden的外掛程式？

zen coding已經被emmet代替了，你搜emmet 功能是一樣的。