推荐:Emmet 插件 —— Atom 编辑器的超级助手!
2024-08-10 10:31:07作者:廉彬冶Miranda
Emmet 是一款专为 Atom 编辑器设计的强大插件,它将你的前端代码编写体验提升至全新高度。通过高效的缩写扩展和一系列智能操作,Emmet 让你在 HTML、CSS 及其他相关语法中如鱼得水。
安装步骤
在 Atom 中安装 Emmet 非常简单:
- 打开「设置」面板。
- 转到「安装」板块。
- 搜索
Emmet并点击「安装」按钮。
如果你喜欢手动操作,也可以使用命令行进行安装:
- 进入
~/.atom/packages目录。 - 使用 Git 克隆 Emmet 的仓库。
- 在新克隆的目录中运行
npm install命令。 - 最后重启 Atom。
强大特性
- 快捷键扩展:只需按 Tab 键,即可迅速展开缩写,大大提高编码效率。
- 多光标支持:多数 Emmet 动作可在多光标模式下运行,让你能批量处理代码。
- 实时预览:互动式动作允许你实时查看缩写的扩展结果。
- 优化的跳转点:在生成的内容中,你可以利用 Tab 快速穿梭于重要代码点之间。
- 内置 Emmet v1.1 核心,提供最新的功能和改进。
若遇到问题,请直接在 GitHub 问题反馈区 提交报告。
自定义 Tab 键行为
默认情况下,Emmet 在特定语法(如 HTML、CSS 等)中通过 Tab 键扩张缩写。若想在其他语法中启用该功能,需编辑你的 keymap.cson 文件,并添加对应语法规则。
例如,对于 HTML 语法,添加以下配置:
'atom-text-editor[data-grammar="text html basic"]:not([mini])':
'tab': 'emmet:expand-abbreviation-with-tab'
你可以按照类似方法为不同语法添加规则。
默认快捷键
所有这些操作都配备了便捷的快捷键,可以在「首选项」>「键盘快捷键」中查看并自定义。以下是部分默认绑定:
| 命令 | macOS | Windows/Linux |
|---|---|---|
| 扩展缩写 | tab 或 shift + ⌘ + e | tab 或 ctrl + e |
| 交互式扩展缩写 | alt + ⌘ + enter | ctrl + alt + enter |
| 包围缩写 | ctrl + w | ctrl + alt + w |
更多快捷键可从「包」>「Emmet」菜单中找到。
应用场景与优势
无论你是网页开发者还是前端工程师,Emmet 都能帮助你提高编码速度和准确性。在创建或修改大型 HTML 和 CSS 文件时,其快速扩展和自动化操作尤其有用,如包裹元素、平衡标签、移动光标等。
Emmet 的特点是灵活、易定制,并且完全免费。它不仅适用于新手,也深受经验丰富的开发者的喜爱。通过扩展和自定义,你可以将其打造成满足个人需求的理想工具。
现在就加入数以万计的开发者行列,让 Emmet 成为你高效编程的秘密武器吧!
登录后查看全文
热门项目推荐
相关项目推荐
Kimi-K2.5Kimi K2.5 是一款开源的原生多模态智能体模型,它在 Kimi-K2-Base 的基础上,通过对约 15 万亿混合视觉和文本 tokens 进行持续预训练构建而成。该模型将视觉与语言理解、高级智能体能力、即时模式与思考模式,以及对话式与智能体范式无缝融合。Python00- QQwen3-Coder-Next2026年2月4日,正式发布的Qwen3-Coder-Next,一款专为编码智能体和本地开发场景设计的开源语言模型。Python00
xw-cli实现国产算力大模型零门槛部署,一键跑通 Qwen、GLM-4.7、Minimax-2.1、DeepSeek-OCR 等模型Go06
PaddleOCR-VL-1.5PaddleOCR-VL-1.5 是 PaddleOCR-VL 的新一代进阶模型,在 OmniDocBench v1.5 上实现了 94.5% 的全新 state-of-the-art 准确率。 为了严格评估模型在真实物理畸变下的鲁棒性——包括扫描伪影、倾斜、扭曲、屏幕拍摄和光照变化——我们提出了 Real5-OmniDocBench 基准测试集。实验结果表明,该增强模型在新构建的基准测试集上达到了 SOTA 性能。此外,我们通过整合印章识别和文本检测识别(text spotting)任务扩展了模型的能力,同时保持 0.9B 的超紧凑 VLM 规模,具备高效率特性。Python00
KuiklyUI基于KMP技术的高性能、全平台开发框架,具备统一代码库、极致易用性和动态灵活性。 Provide a high-performance, full-platform development framework with unified codebase, ultimate ease of use, and dynamic flexibility. 注意:本仓库为Github仓库镜像,PR或Issue请移步至Github发起,感谢支持!Kotlin08
VLOOKVLOOK™ 是优雅好用的 Typora/Markdown 主题包和增强插件。 VLOOK™ is an elegant and practical THEME PACKAGE × ENHANCEMENT PLUGIN for Typora/Markdown.Less00
项目优选
收起
deepin linux kernel
C
27
11
OpenHarmony documentation | OpenHarmony开发者文档
Dockerfile
535
3.75 K
Nop Platform 2.0是基于可逆计算理论实现的采用面向语言编程范式的新一代低代码开发平台,包含基于全新原理从零开始研发的GraphQL引擎、ORM引擎、工作流引擎、报表引擎、规则引擎、批处理引引擎等完整设计。nop-entropy是它的后端部分,采用java语言实现,可选择集成Spring框架或者Quarkus框架。中小企业可以免费商用
Java
12
1
🔥LeetCode solutions in any programming language | 多种编程语言实现 LeetCode、《剑指 Offer(第 2 版)》、《程序员面试金典(第 6 版)》题解
Java
67
20
暂无简介
Dart
773
191
Ascend Extension for PyTorch
Python
343
406
本项目是CANN提供的数学类基础计算算子库,实现网络在NPU上加速计算。
C++
886
596
喝着茶写代码!最易用的自托管一站式代码托管平台,包含Git托管,代码审查,团队协作,软件包和CI/CD。
Go
23
0
React Native鸿蒙化仓库
JavaScript
303
355
openEuler内核是openEuler操作系统的核心,既是系统性能与稳定性的基石,也是连接处理器、设备与服务的桥梁。
C
336
178