Sublime Text 3安裝Emmet插件及使用

注：筆者Sublime Text使用版本為3.2.2

Emmet語法

舉例：
#page>div.logo+ul#navigation>li*5>a{Item $}

轉換成

<div id="page">
　　<div class="logo"></div>
　　<ul id="navigation">
　　　　<li><a href="">Item 1</a></li>
　　　　<li><a href="">Item 2</a></li>
　　　　<li><a href="">Item 3</a></li>
　　　　<li><a href="">Item 4</a></li>
　　　　<li><a href="">Item 5</a></li>
　　</ul>
</div>

附：Emmet語法參考

 

安裝Emmet插件

1.從導航欄 Tools --> Install Package Control

　　報錯：An error occurred installing Package Control,Please check the Console for details ...網絡原因FQ下即可。

2.安裝成功后導航欄Preferences會出現Package Control 點擊。

3.輸入Install Package 回車。

4.在彈出的輸入框中輸入Emmet，選擇Emmet點擊等待安裝完成即可。

 

 

安裝問題：

1.安裝完成后再使用emmet語法時彈窗報錯如圖：

 

解決辦法：

①首先下載PyV8，點擊鏈接下載；這里我下載的是

②在Sublime Text安裝目錄下找到Data文件夾下的Installed Packages文件夾，創建PyV8文件夾，將解壓后的PyV8.py、_PyV8.pyd兩個文件復制到新建文件夾中

 

 

 ③重啟Sublime即可正常使用

 

注：根據網上的相關教程，有的教程中講的是在插件目錄中增加PyV8目錄，確實不會報錯了，但是在輸入ul>li或者li*3等類似語法時並不會得到想要的結果，經過本人測試，放在以上位置就可以正常的使用Emmet的相關語法；

 

 

 

本項目只做個人學習研究之用，不得用於商業用途！