❤ Emmet 的使用手册【(sublime插件)】

❤ sublime插件-Emmet 的使用手册

【工欲善其事，必先利其器】

1、官网

sublime官网

官网地址：www.sublimetext.com
适合windows、linux、macos系统的各种类型，自行下载安装。

★ Emmet 缩写语法 官网速查表

https://docs.emmet.io/cheat-sheet/
官网下载不了的话，点击 速查表 百度云下载

★ Emmet 官网说明文档

https://docs.emmet.io/abbreviations/syntax/

2、认识

刚安装的sublime text是不会自动生成html/css代码的，需要安装插件

Emmet 插件

Emmet 插件可以快速的编写 HTML、CSS 以及实现其他的功能。

开发者

Emmet 是 Zen Coding 的升级版，由 Zen Coding 的原作者进行开发。

解析模式

当前文件的后缀为 .html 那 Sublime text 3 就会用 HTML 的解析模式来解析这个文件

• 在没有后缀的文件中使用
  你可以按下“shift + ctrl + p”呼出面板，输入“seth”就可以设置当前文件的解析模式为 HTML

• Emmet 使用 仿 CSS 选择器 的语法 来快速开发 HTML 和 CSS ——由 俄国人Sergey Chikuyonok 开发，开发者的linkedin，开发者的Github。

Zen Coding 由两个核心组件组成：

（1）缩写扩展器

(缩写为像 CSS 一样的选择器)
上下文无关的 HTML 标签对 匹配器。

（2）展开缩写：

所有缩写，默认按下tab按键来拓展缩写

3、使用

同时按ctrl+shift+p键，或到菜单中点击Perferences->package control，输入install，看下图箭头指向提示点击安装Install Package功能。

等上面的install Package安装一会以后，然后再输入emmet，看下图箭头指向提示点击安装emmet插件。

Emmet 插件下载

 ctr+shfit+p 在输入框中输入 `Install package`

在 Package ctrl 中选择 Install package

- 搜索 emmet 并安装
- 完毕

安装成功图：

4、插件Vue Syntax Highlight ----sublime之中vue高亮

安装一个Vue Syntax Highlight插件可以让vue代码高亮