1. 程式人生 > >如何在Sublime Text3中安裝Emmet(前端神器)外掛

如何在Sublime Text3中安裝Emmet(前端神器)外掛

由於最近因為做專案的需求不得不接觸學習前端,然後就接觸到了一個很好用的編輯器sublime text3,之前聽過很多人推薦過這個編輯器,但是一直沒用,不用不知道,用完之後簡直太爽了,比之前寫python用的IDLE還有notepad++好用太多了,不扯淡了,切入正題吧,網上很多大神都說sublime用來寫前端也特別厲害,所以我在學習的過程中一直用它,而沒有用Hbuilder(同學給推薦的)。然後說有一個外掛配上這個sublime text3就更牛X了,當然我躍躍欲試,所以就下載下來,安裝過程中也遇到一些麻煩,希望寫這個也為可以方便其他人吧,來吧,開始吧:

1. 在Sublime text3中開啟控制檯


Ctrl+~這個組合鍵就可以打開了,開啟以後如圖所示

當然也可以用滑鼠點選開啟
這裡寫圖片描述

2、在控制檯中輸入如下(直接複製貼上就行):

      這裡說明一下,在網上找的版本有可能是匯入的是urllib2這個庫,但是在Sublime Text3中已經內建好Python3 所以遇到這快一定要注意更改為urllib.request
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())

3、開啟Package Control
這裡寫圖片描述
這裡寫圖片描述
直接在Package Control:後面鍵入Install Package 回車就OK

wait a minute!就會彈出這個:
這裡寫圖片描述
然後輸入咱們要下載的外掛Emmet:
這裡寫圖片描述
因為我已經安裝好了外掛,所以沒有出現,在沒有安裝的時候會出現Emmet 然後選中回車就OK

4、然後在控制檯中會的到一個連結,然後在瀏覽器中輸入這個連結就會自動的進行下載,沒錯就是我箭頭所指的這個地方
這裡寫圖片描述

5、下載完成後進入這個目錄

      C:\Users\Administrator\AppData
\Roaming\Sublime Text 3\Installed Packages\PyV8

然後吧你所下載的zip在PyV8中進行解壓,如果沒有PyV8這個目錄自己建立就OK

6、重啟Sublime Text3就OK了(如果可以看到這個就說明安裝成功了)
這裡寫圖片描述

7、看下它有多快

div>ul>li*5

然後按下Tab自動生成鍵

<div>
        <ul>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
      </div>

還有很多功能需要自己體會,有了這個東西,希望我的前端快點學完!!!