對於前端開發來說,Mac下最流行的coding工具不是DW,而是更簡潔的sublime text。sublime text軟體本身不能自動補充,這時就需要一款強大的外掛——emmet。

如何安裝外掛呢?按照以往的經驗,是下載外掛後雙擊直接安裝嗎?還是要解壓到特定資料夾?我嘗試百度(原諒我用不了google)了sublime text、emmet、mac、下載、安裝、外掛等關鍵字的組合,搜尋結果裡只有少量有用的文章,點開後的內容往往雷同。文章中包含了大量的程式碼和認識卻不看不懂的詞語,對於我這個程式設計小白來說猶如天書。我向一個前端大神求助,對方遠端指揮我操作了一番,依然沒有成功。後來根據大神發給我的一篇英文教程,自己重新照著操作了一遍,總算安裝成功。

真正裝完後發現其實沒有其他中文教程中寫的那麼複雜。今天就把我看到的那篇英文教程的關鍵步驟翻譯一下,作為自己的學習筆記。如果這篇文章有幸幫到其他遇到類似問題的同學,我會非常開心。

現在開始吧!

安裝Package control

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

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

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。

安裝emmet

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

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

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

emmet的使用方法在這裡,忘記了的同學可以再複習一下。

等等,為什麼還是不能自動補充呢?要先儲存成html或者css的檔案呀!現在是不是可以了呢?

英文教程地址在此,如果小夥伴們在安裝過程中還有其他問題可以參考下原版。http://www.ishaanrawat.com/install-emmet-sublime-text-3/