Sublime text 3 安装插件 Emmet

 

Sublime text 3 安装插件 Emmet

 

原文链接: http://www.myzboke.com/archives/99.html

 

为了方便安装插件先安装插件Package Control

打开链接:https://packagecontrol.io/installation#st3

按照说明安装插件(复制代码,打开sublime控制台,粘贴代码并回车即可)

安装完之后需要重启

菜单Preferences就会多了两个菜单(Package Settings和Package Control)

1468055426-6658-08ea364e4238a882a4ba6f03796f

点击菜单Preference–>Package Control

点击Install Package

1468055427-4559-28eec6c9407985f176c5e4c149ce

等待几秒后再弹出如下内容,敲键盘emmet,选择如下:

1468055426-4200-f60c8d184f07bb19ad663312595a

 

按下Ctrl+Alt+Enter

输入命令:

  1. ul#test>li*4

 

生成如下代码

  1. <ul id="test">
  2. <li></li>
  3. <li></li>
  4. <li></li>
  5. <li></li>
  6. </ul>

 

或者直接在编辑器上输入:ul#test>li*4 ,然后按快捷键Tab或者Ctrl+e

  1. //{ "keys": ["ctrl+e"], "command": "slurp_find_string" },

如何快速安装多个插件

编辑Package Control->Setting – User, 将需要安装的插件填写到installed_packages中

  1. {
  2. "bootstrapped": true,
  3. "in_process_packages":
  4. [
  5. ],
  6. "installed_packages":
  7. [
  8. "Emmet",
  9. "Emmet Css Snippets",
  10. "Emmet Style Reflector",
  11. "JsFormat",
  12. "Markdown Preview"
  13. ]
  14. }

然后执行Package Control: Install Local Dependency

 

Emmet快捷键冲突,导致Tab或者Ctrl+e快捷键无效
编辑Emmet 用户自定义快捷键, 如果为空则直接使用下面代码,否则复制并粘贴[]里面的代码

  1. [
  2. {
  3. "keys": [
  4. "ctrl+e"
  5. ],
  6. "args": {
  7. "action": "expand_abbreviation"
  8. },
  9. "command": "run_emmet_action",
  10. "context": [
  11. {
  12. "key": "emmet_action_enabled.expand_abbreviation"
  13. }
  14. ]
  15. },
  16. {
  17. "keys": [
  18. "tab"
  19. ],
  20. "args": {
  21. "action": "expand_abbreviation"
  22. },
  23. "command": "run_emmet_action",
  24. "context": [
  25. {
  26. "key": "emmet_action_enabled.expand_abbreviation"
  27. }
  28. ]
  29. }
  30. ]

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 1. 打开Sublime Text 3,点击菜单栏中的“Preferences”(偏好设置)。 2. 选择“Package Control”(包管理器),点击“Install Package”(安装插件)。 3. 在搜索框中输入“Emmet”,选择“Emmet插件进行安装。 4. 安装完成后,重启Sublime Text 3即可使用Emmet插件。 ### 回答2: Sublime Text3是编辑器中的一种,是一个功能很强大的文本编辑器。它的使用方便,而且可以安装插件,让使用更加便捷。其中,Emmet是一个非常方便的插件,它能够允许用户更快速的编写HTML和CSS代码。现在,来介绍一下如何在Sublime Text3 中安装Emmet插件。 第一步:下载Package Control 在使用前首先要先安装Sublime Text3的Package Control,它可以帮助用户快速下载和安装Sublime Text3的插件。我们可以从Sublime官网上安装,也可以在控制台中通过简单的代码完成。使用包管理器的好处就在于能够减轻用户手动安装插件带来的运行成本,提高工作效率。 第二步:安装Emmet 打开Package Control后,在搜索栏中输入Emmet,就可以找到该插件并进行安装。当插件安装成功后,我们可以在编写HTML和CSS代码时更快速的编写,提高了工作效率。 第三步:设置快捷键 在Sublime Text3中,Emmet自带了很多快捷指令,不过还有很多没有设置,如果我们想要自己设置的话可以打开菜单。Preferences -> Key Bindings,将指令添加进去,然后保存即可,就可以享受Emmet插件带来的快捷方法了。这里需要注意,不要随意修改已经设置好的快捷键,否则可能会影响工作效率。 总的来说,Sublime Text3安装Emmet插件非常简单,只需要按照上面所述步骤执行即可。使用Emmet插件可以帮助我们更快速更高效地编辑HTML和CSS代码,提高编码效率。 ### 回答3: Sublime Text3 是一款非常优秀的文本编辑器,由于其特有的插件系统,可以通过安装各种各样的插件,来扩充其功能。其中,Emmet 插件是一款非常实用的插件,能够帮助我们快速生成 HTML 和 CSS 代码。下面,我将介绍如何在 Sublime Text3 中安装 Emmet 插件。 首先,需要先打开 Sublime Text3 编辑器。然后,按下 Ctrl + Shift + P,打开命令面板。在命令面板中输入 install package,然后回车。 接着,会出现一个列表,列出了所有可用的插件包。我们需要找到 Emmet 插件包,然后选中它并点击回车。插件包开始下载,下载完成后会自动安装安装完成后,我们需要开启 Emmet 插件。方法是按下 Ctrl + Shift + P,然后输入 Emmet: Enable Emmet,按下回车即可。这时候,Emmet 插件就已经成功安装了。 使用 Emmet 插件,可以通过简单的语法,来生成 HTML 和 CSS 代码。比如,我们可以通过输入div.container>ul>li*5,然后按下 Tab 键,就能自动生成包含一个容器和一个包含五个列表项的无序列表。这大大提高了我们的编码效率。 总之,Emmet 是一个非常实用的插件,能够帮助我们快速生成 HTML 和 CSS 代码。在 Sublime Text3 中安装它也非常简单,只需要按照上述步骤操作即可。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值