如何在mac下sublime text 安裝 emmet

對於前端開發來講,Mac下最流行的coding工具不是DW,而是更簡潔的sublime text。sublime text軟件自己不能自動補充,這時就須要一款強大的插件——emmet。css

如何安裝插件呢?按照以往的經驗,是下載插件後雙擊直接安裝嗎?仍是要解壓到特定文件夾?我嘗試百度(原諒我用不了google)了sublime text、emmet、mac、下載、安裝、插件等關鍵字的組合,搜索結果裏只有少許有用的文章,點開後的內容每每雷同。文章中包含了大量的代碼和認識卻不看不懂的詞語,對於我這個編程小白來講猶如天書。我向一個前端大神求助,對方遠程指揮我操做了一番,依然沒有成功。後來根據大神發給個人一篇英文教程,本身從新照着操做了一遍,總算安裝成功。html

真正裝完後發現其實沒有其餘中文教程中寫的那麼複雜。今天就把我看到的那篇英文教程的關鍵步驟翻譯一下,做爲本身的學習筆記。若是這篇文章有幸幫到其餘遇到相似問題的同窗,我會很是開心。前端

如今開始吧!編程

安裝Package control

1.你須要安裝正確版本的sublime text 3。下載地址在此:http://www.sublimetext.com/3sublime-text

2.打開sublime text 3,按CTRL + `或者在菜單中選擇View > Show Console,可打開控制檯——也就是下面的一條輸入框。sublime-text-3

3.在輸入框中輸入:工具

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())
學習

而後回車。這時能夠看到鼠標變成了旋轉的彩色圓圈,稍等片刻,一些代碼出如今了控制檯的上面。重啓sublime text 3。ui

安裝emmet

1.在sublime text 3中按下快捷鍵CTRL + SHIFT + P或者在菜單中選擇Tools > Command Palette…google

2.在彈出的輸入框的自動提示中選擇Package Control: Install Package。

3.輸入Emmet並點擊此時emmet開始安裝啦。等待幾分鐘,待最下面一行顯示幾行line,幾個column時,emmet就算裝好了。再次重啓sublime text 3。


emmet的使用方法在這裏,忘記了的同窗能夠再複習一下。http://blog.csdn.net/ys743276112/article/details/38133995

等等,爲何仍是不能自動補充呢?要先保存成html或者css的文件呀!如今是否是能夠了呢?

英文教程地址在此,若是小夥伴們在安裝過程當中還有其餘問題能夠參考下原版。http://www.ishaanrawat.com/install-emmet-sublime-text-3/

相關文章
相關標籤/搜索