之前在知乎上搜索好用的前端開發工具，投票最多的是webStrom，試用過后發現果真好用，代碼補全，代碼檢查，支持主流的版本控制，比如git，svn等等。但是畢竟是一款集成的IDE，啟動速度慢、吃內存是不爭的事實。

sublime text2就彌補了這個不足，輕量級，秒速啟動，運行流暢。而且有許多給力的插件包，可以根據需要配置成強有力的編輯神器，我主要用他來寫html、javascript，下面是具體的配置步驟：

1.下載安裝sublime text2

http://www.sublimetext.com/2

點擊鏈接直接下載，我下載的版本是sublime text2，剛看了一下已經出了3，安裝方法和普通軟件一樣，不再贅述。

2.安裝 packet control

打開sublime text，按ctr+~,在彈出的console里面輸入一下代碼;重啟sublime text，在Preferences菜單欄下看到Package control 說明成功。

import urllib2,os; 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())); open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read()); print 'Please restart Sublime Text to finish installation'

3.安裝前端開發插件

　　按ctrl+shirft+P,輸入install package，回車，即可在彈出的輸入框中輸入插件包名，安裝插件。

html插件

• emmet：快速寫HTML,CSS代碼，有代碼補全等功能。

?

快捷鍵	功能
！ 或 html：5 –> tab	html5類型文檔
html：4s –> tab	html4嚴格文檔類型
html：xt –> tab	xhtml過渡型文檔

還有其他一些仿css選擇器的快捷方式，比如：

輸入 p.a –>tab 直接生成 <p class="a"></p>

使用（），+，<，一次添加多個元素：（p.a<span）+(p.b<ul<li*3)，其中<表示添加子元素，+表示添加同級元素，*3表示數量，按tab之后輸出如下：

?

其他emmet技巧請戳

?

javascript插件

• andyJS2: js和jQuery智能補全插件。
• jQuery：jQuery智能補全插件。

4.刪除插件

ctrl+shift+p,輸入remove package,選擇想刪除的包即可.

轉載于:https://www.cnblogs.com/smoothLily/p/4042745.html

總結

以上是生活随笔為你收集整理的[工具]sublime text2-前端开发利器的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。