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的相关语法；

本项目只做个人学习研究之用，不得用于商业用途！