搜索
首页开发工具sublime详解Sublime插件Emmet的安装及Tab补全代码问题的解决方法

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

856187f5f84d3f2f2096b7e31a31549.png

方法步骤:

在安装Emmet插件之前我们首先需要在Sublime Text3上安装Package Control插件管理器,具体操作可参考如下的文章。

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

c7b019e634054f40bbecd5b8c29031c.png

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

0027791541d856b4ac52b819b9445f3.png

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

164c5fbae5c375a3c2a0a548803610a.png

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

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

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

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

163534c1e633a68a951f18f140e7ce8.png

注意事项

Emmet插件Tab键不起作用的原因多是因为快捷键冲突导致的,另外需检查是否安装成功。

以上是详解Sublime插件Emmet的安装及Tab补全代码问题的解决方法的详细内容。更多信息请关注PHP中文网其他相关文章!

声明
本文转载于:jingyan.baidu。如有侵权,请联系admin@php.cn删除
sublime怎么用replacesublime怎么用replaceApr 03, 2024 am 05:51 AM

Sublime Text 替换功能允许用户搜索和替换文本。该功能可通过 "查找" 菜单中的 "替换" 选项启用。使用此功能的步骤包括:输入要搜索的文本、输入替换文本、选择是否启用正则表达式、选择替换所有或选择性替换。高级选项包括匹配大小写、匹配整个单词和使用选区。

sublime怎么显示运行结果sublime怎么显示运行结果Apr 03, 2024 am 07:06 AM

Sublime Text 中可通过以下三种方法显示运行结果:使用控制台窗口:打开控制台窗口并使用 print 语句打印结果。使用快速面板:打开快速面板,选择终端选项卡并运行代码。使用第三方插件:安装 SublimeREPL 或 Console 2 等插件,运行代码后结果将在专属窗口中显示。

sublime怎么执行sublime怎么执行Apr 03, 2024 am 07:15 AM

是,Sublime Text可以通过以下步骤执行代码:为特定编程语言安装插件配置构建系统创建构建文件使用键盘快捷键(Mac:Command + B;Windows/Linux:Control + B)执行代码

sublime怎么编写python代码sublime怎么编写python代码Apr 03, 2024 am 05:30 AM

在 Sublime Text 中编写 Python 代码,请按照以下步骤操作:安装 Sublime Text。创建新项目并保存文件为 .py。通过快捷键 Ctrl + B (Windows) / Cmd + B (Mac) 运行 Python 代码。此外,还可以通过安装 Python 插件、设置 Python 解释器、启用自动缩进和语法高亮等方式增强 Python 代码编写体验。

phpstudy配置文件怎么改phpstudy配置文件怎么改Apr 02, 2024 pm 03:57 PM

可以通过以下步骤修改 phpStudy 配置文件:找到配置文件(Windows:C:\Windows\phpStudy\php\php.ini;Mac:/Applications/phpStudy/php/php.ini)使用文本编辑器打开并查找要修改的设置编辑设置的值,如修改时区:date.timezone = Asia/Shanghai保存更改并重启 Apache 服务

sublime怎么运行结果sublime怎么运行结果Apr 03, 2024 am 07:24 AM

在 Sublime 中运行代码的方法包括:使用快捷键 (Ctrl + B)通过菜单 (工具 > 构建 > 运行)使用命令面板 (Ctrl + Shift + P > 输入“运行”)使用构建系统 (工具 > 构建系统 > 选择一个构建系统)设置默认构建系统 (首选项 > 设置 - 用户 > 添加“build_system”键值)

Flask和Sublime Text集成: Python web应用程序开发技巧(第六部分)Flask和Sublime Text集成: Python web应用程序开发技巧(第六部分)Jun 17, 2023 pm 04:08 PM

Flask和SublimeText集成:Pythonweb应用程序开发技巧(第六部分)SublimeText和Flask都是Pythonweb应用程序开发中的重要工具。然而,如何将二者集成起来,使得开发过程更加高效呢?本文将介绍一些SublimeText的插件和配置技巧,帮助你更方便地开发Flask应用程序。一、安装SublimeText插件F

sublime怎么用浏览器打开sublime怎么用浏览器打开Apr 03, 2024 am 05:45 AM

在 Sublime Text 中使用浏览器打开文件,只需:1. 打开文件;2. 将光标置于文件内,按下 Ctrl + Alt + B(Windows)或 Command + Option + B(Mac)快捷键即可。

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
2 周前By尊渡假赌尊渡假赌尊渡假赌
仓库:如何复兴队友
4 周前By尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
4 周前By尊渡假赌尊渡假赌尊渡假赌

热工具

安全考试浏览器

安全考试浏览器

Safe Exam Browser是一个安全的浏览器环境,用于安全地进行在线考试。该软件将任何计算机变成一个安全的工作站。它控制对任何实用工具的访问,并防止学生使用未经授权的资源。

DVWA

DVWA

Damn Vulnerable Web App (DVWA) 是一个PHP/MySQL的Web应用程序,非常容易受到攻击。它的主要目标是成为安全专业人员在合法环境中测试自己的技能和工具的辅助工具,帮助Web开发人员更好地理解保护Web应用程序的过程,并帮助教师/学生在课堂环境中教授/学习Web应用程序安全。DVWA的目标是通过简单直接的界面练习一些最常见的Web漏洞,难度各不相同。请注意,该软件中

SublimeText3 英文版

SublimeText3 英文版

推荐:为Win版本,支持代码提示!

EditPlus 中文破解版

EditPlus 中文破解版

体积小,语法高亮,不支持代码提示功能

SublimeText3 Linux新版

SublimeText3 Linux新版

SublimeText3 Linux最新版