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

 

 

 

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

 

posted @ 2020-01-30 14:40  LCode丶  阅读(1441)  评论(0编辑  收藏  举报