博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
sublime下载emmet
阅读量:5957 次
发布时间:2019-06-19

本文共 910 字,大约阅读时间需要 3 分钟。

Emmet是一款Web前端开发工具Sublime非常有用的插件,使用仿CSS选择器的语法来生成代码,大大提高了HTML和CSS代码编写的速度。只需按住Tab键即可把一个简写展开成HTML和CSS的代码块,如下图所示,大部分标签都可自动生成。介绍一种使用在线安装的方式来安装Emmet插件。

按住快捷键Ctrl+Shift+P或者在菜单栏选择Perferences-->Package Control即可打开命令面板,如若没有反应稍等一下便会弹出,界面如下图所示。

 

 打开命令面板找到package control install package,或者在命令面板输入"pcip"即这四个单词的首字母,便会出现新的安装package的面板,搜索emmet找到后点击回车键,稍后便会自动安装。

安装完成后可通过Perferences-->Package Settings-->Emmet查看是否成功,如果Emmet在说明安装成功了。

  1. 安装完成后我们利用Emmet插件去快速生成HTML代码,例如输入html:5按住Tab键即可生成HTML文件完整的结构,但是很多人在安装完成后输入html:5然后按住Tab键并没有反应,这是什么原因导致的呢?原来Emmet默认的快捷键是Ctrl+E,我们需要将其设置成常用的Tab键。

  2.  

    在菜单栏选择Preferences-->PackageSettings-->Emmet-->KeyBindings-->User,将以下信息粘贴进去即可。

    [{"keys": ["tab"], "args": {"action": "expand_abbreviation"}, "command": "run_emmet_action", "context": [{"key": "emmet_action_enabled.expand_abbreviation"}]}]

  3. 7

    重启Sublime Text3此时我们便可以进行代码补全操作了,在新创建的文件上输入html:5,按住Tab键即可看到如下的代码。

     

转载于:https://www.cnblogs.com/qjuly/p/9146984.html

你可能感兴趣的文章
满江红.互联网
查看>>
[PHP] 算法-快速排序的PHP实现
查看>>
docker 命令详解
查看>>
深入浅出的webpack4构建工具---Scope Hoisting(十六)
查看>>
git问题整理
查看>>
jboss eap6.1(1)
查看>>
Oracle中使用PL/SQL如何定义参数、参数赋值、输出参数和 if 判断
查看>>
visualsvn server 提交修改日志
查看>>
理解 React Hooks
查看>>
Linux网卡调优篇-禁用ipv6与优化socket缓冲区大小
查看>>
python布尔类型和逻辑运算
查看>>
谈谈到底什么是抽象,以及软件设计的抽象原则
查看>>
RabbitMQ 基础概念
查看>>
Hive 安装操作
查看>>
Volumetric Level Set Hair Workflow
查看>>
伤不起的imageNamed方法
查看>>
(原創) 簡單的Linked List實現 (C/C++) (C) (Data Structure)
查看>>
.Net Micro Framework 模拟器详解---内存配置
查看>>
“计算机通信理论”问题问答-绝对精彩
查看>>
初见Ajax——javascript访问DOM的三种访问方式
查看>>