第30章使用Emmet插件-水之原

学习要点：

1.安装方式

2.自定义！ 生成

3.快速生成

主讲教师：李炎恢

本章主要探讨了解一下 Sublime Text3 的一个 HTML5 代码提示插件：Emmet，这个插件比自带原生的要强大许多。

一．安装方式

Emmet 插件安装一般采用两种方式，1.通过命令安装；2.下载离线安装。我这里直接采用的是下载离线安装方式。具体步骤：

1.解压下载好的 Emmet 插件包(这里会提供)；

2.将 Emmet 和 PyV8 两个文件夹复制到 Sublime Text3 的程序包中；

3.左下角会显示自动安装，安装好后，重启 Sublime Text3；4.在编辑器输入英文状态下的[!]，然后 ctrl+e，出现了 HTML5 的代码库，则安装

成功。

注：如果安装失败或出现其他错误，请自行百度选用其他方式安装，或解决安装出错的问题。

二．自定义！生成

我们输入!，然后 ctrl+e，默认情况下会出现如下代码：

//默认代码

   doctype html  > 
   html   lang  ="en"  > 
       head  > 
           meta   charset  ="UTF-8"  > 
           title  > Document   title  > 
       head  > 
       body  > 

       body  > 
   html  >  

查看更多关于第30章使用Emmet插件-水之原的详细内容...