`

Sublime Text 2的Emmet插件安装

Sublime Text 2Emmet 
阅读更多

我的github http://github.com/wangqianfront

 

 

你想敲个“a”就生成一个链接标签吗？Emmet就是干这个的（原名叫Zen Coding），Sublime Text 2配上这个插件，写HTML就可以做到“键码如飞”了。

  1. Ctrl+Shift+P打开“Command Palette...”

  2. 输入“install”，打开“Install Package”

  3. 选择“Emmet”插件，安装之，看左下角状态栏的安装信息。如果安装不成功，可以去这里下载Emmet插件手动安装，通过“Browse Packages...”菜单项打开包目录，把Emmet插件安装包解压到此即可

  4. 重启Sublime，注意Emmet会安装PyV8，需要一定时间，见到PyV8错误提示稍安勿躁，需等待一小会儿。状态栏会有相应提示。如果安装失败，可以手动安装，手动安装参见这里

接下来就可以试试Emmet的威力了：

建一个HTML文件：

  • 输入html:5，按Tab或Ctrl+E键，看看发生了什么；
  • 输入a，同样按Tab或Ctrl+E键，看看发生了什么；
  • 输入div+p+bq......

 

咋样？很爽吧？^_^
部分快捷方式参考这里
具体的使用请参考：这里、这里！

 

Emmet 也有快速生成文件头的功能啊，而且更强大啊。输入下边加粗的缩写，然后Tab，就OK了啊

html:4t

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <htmllang="${lang}">
  3. <head>
  4. <metahttp-equiv="Content-Type"content="text/html;charset=${charset}">
  5. <title>Document</title>
  6. </head>
  7. <body>
  8. ${child}
  9. </body>
  10. </html>

html:4s

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <htmllang="${lang}">
  3. <head>
  4. <metahttp-equiv="Content-Type"content="text/html;charset=${charset}">
  5. <title>Document</title>
  6. </head>
  7. <body>
  8. ${child}
  9. </body>
  10. </html>

html:xt

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="${lang}">
  3. <head>
  4. <metahttp-equiv="Content-Type"content="text/html;charset=${charset}"/>
  5. <title></title>
  6. </head>
  7. <body>
  8. ${child}
  9. </body>
  10. </html>

html:xs

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="${lang}">
  3. <head>
  4. <metahttp-equiv="Content-Type"content="text/html;charset=${charset}"/>
  5. <title>Document</title>
  6. </head>
  7. <body>
  8. ${child}
  9. </body>
  10. </html>

html:xxs

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  2. <htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="${lang}">
  3. <head>
  4. <metahttp-equiv="Content-Type"content="text/html;charset=${charset}"/>
  5. <title>Document</title>
  6. </head>
  7. <body>
  8. ${child}
  9. </body>
  10. </html>

html:5

  1. <!doctype html>
  2. <htmllang="${lang}">
  3. <head>
  4. <metacharset="${charset}">
  5. <title>Document</title>
  6. </head>
  7. <body>
  8. ${child}
  9. </body>
  10. </html>

 

0
顶
0
踩
分享到：
| 304 Not Modified状态码
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Sublime text emmet插件

    **Sublime Text Emmet 插件详解** Emmet 是一款高效、强大的前端开发辅助工具，尤其在HTML和CSS编写方面，极大地提升了代码的编写效率。它最初由捷克开发者 Zemanta 开发，名为 Zen Coding，后更名为 Emmet。Emmet ...

    sublimetext 插件emmet.zxp

    sublimetext 插件emmet，安装后，使用很方便，功能也很强大

    Sublime Text 3最新emmet插件

    在Sublime Text 3中安装Emmet插件通常通过Package Control来实现。首先确保已经安装了Package Control，如果没有，可以在Sublime Text的命令面板（按Ctrl+Shift+P或Cmd+Shift+P）中输入`Package Control: Install ...

    sublime text3 的Emmet插件

    在安装Emmet插件时，你需要首先确保Sublime Text 3 已经正确安装。接着，你可以将下载的压缩包文件放置在Sublime Text 3 的用户插件目录下。对于Windows系统，这个目录通常是"C:\Users\用户名\AppData\Roaming\...

    sublime text2 插件包

    4. 更多可能的插件：尽管只提到了这三个插件，但Sublime Text 2的Package Control允许你安装数千个插件。例如，SideBarEnhancements可以增强侧边栏功能，提供更多的文件和文件夹操作选项；GitGutter则会在编辑器中...

    Sublime text 3 Emmet 插件包

    把此文件放在Installed Packages文件夹下

    Sublime的emmet插件

    Sublime Text是一款广受欢迎的轻量级、高度可定制的文本编辑器，支持多种编程语言和插件，其中Emmet插件是其增强代码编写体验的重要组件。 **Emmet插件的核心功能** 1. **自动补全**: Emmet提供了一套基于缩写的...

    Package Control：Sublime Text2的插件管理器

    Sublime Text2虽然以其轻量级、高性能和丰富的自定义选项而受到开发者们的喜爱，但其真正的潜力在于通过Package Control安装的各种插件。这些插件覆盖了代码高亮、自动完成、代码格式化、版本控制集成、项目管理等多...

    sublime安装Emmet插件所需的pyv8文件 各系统全套

    在Sublime Text中安装Emmet插件可以为前端开发者带来极大的便利。 然而，在安装Emmet插件的过程中，有时会遇到一个问题，那就是PyV8的下载失败。PyV8 是一个Python绑定的JavaScript引擎，用于Emmet插件解析和执行...

    sublime text3插件的安装方法和示例

    用户可以访问 Sublime Text 的官方网站（https://www.sublimetext.com/）下载最新版本的安装程序。安装过程非常简单，用户只需按照提示安装程序并同意相关协议即可。 二、插件包的安装 Sublime Text 3 的插件机制...

    sublime text3的插件Emmet的依赖：PyV8

    值得注意的是，由于Sublime Text的插件更新和依赖管理机制，有时可能需要手动更新或重新安装PyV8，以保持与Emmet的兼容性。此外，如果你遇到任何问题，如插件冲突或错误提示，可以在Sublime Text的开发者控制台（`...

    sublime text3的所有安装插件

    2. **手动安装插件**：在没有Package Control的情况下，你可以直接从`Installed Packages`文件夹中找到所需的插件文件（通常是.sublime-package格式）。将下载的.sublime-package文件复制到Sublime Text的`Packages`...

    Windows下sublime text 3编辑器安装emmet插件时需要用到的PyV8支持的资源

    处理sublime text 3 安装emmet插件时遇到到显示安装完了，但是快捷键！+ table没有内容显示的问题，并将下载好的资源放到sublime text 3的preferences -&gt;Browse Packages所打开的当前目录下，此时快捷键将生效，希望...

    sublime text 安装包及汉化和插件

    在这个压缩包中，包含了Sublime Text 2和Sublime Text 3的安装包，以及相应的汉化包和Sublime Text 3的Emmet插件。下面我们将详细探讨这些内容。 首先，Sublime Text 2和3是该编辑器的两个主要版本。Sublime Text 3...

    sublime text2 plugin - emmet

    安装Emmet插件到Sublime Text 2非常简单，可以通过Package Control插件管理器进行安装。首先确保已安装Package Control，然后在命令面板中搜索"Install Package"，找到并安装"Emmet"。 在Sublime Text 2中启用Emmet...

    sublime中EMMET插件（使用说明）

    要安装 Emmet 插件，首先需要确保 Sublime Text 3 已经安装了 Package Control 插件管理器。Package Control 是一个强大的工具，它可以帮你轻松地安装、更新和卸载 Sublime Text 的各种插件。 Package Control 的...

    Sublime Text3多插件版本

    2. **Package Control**：这是Sublime Text3中最关键的插件，它提供了一个方便的插件安装和管理平台，用户可以通过它查找并安装其他第三方插件。 3. ** Emmet**：前身为Zen Coding，是前端开发者的福音，提供快速...

    SublimeText3插件打包下载

    sublime text 3插件包是一款为文本编辑器提供的插件工具包，包含的插件有： AndyJS2、BracketHighlighter、emmet-sublime、flatland、IMESupport、jQuery、JsFormat、Package Control、predawn、PyV8、SideBar...

    sublimetext2中文版+使用方法

    1. 下载：从提供的资源中，找到名为"SublimeText_2.0.1后盾网_中文版.exe"的文件，双击进行安装。 2. 安装过程：按照安装向导的指示进行操作，选择安装路径，并确保勾选“创建桌面快捷方式”以便日后快速启动。 3. ...

Magicbox
Global site tag (gtag.js) - Google Analytics