首页
/ 推荐:Emmet 插件 —— Atom 编辑器的超级助手!

推荐:Emmet 插件 —— Atom 编辑器的超级助手!

2024-08-10 10:31:07作者:廉彬冶Miranda

Emmet 是一款专为 Atom 编辑器设计的强大插件,它将你的前端代码编写体验提升至全新高度。通过高效的缩写扩展和一系列智能操作,Emmet 让你在 HTML、CSS 及其他相关语法中如鱼得水。

安装步骤

在 Atom 中安装 Emmet 非常简单:

  1. 打开「设置」面板。
  2. 转到「安装」板块。
  3. 搜索 Emmet 并点击「安装」按钮。

如果你喜欢手动操作,也可以使用命令行进行安装:

  1. 进入 ~/.atom/packages 目录。
  2. 使用 Git 克隆 Emmet 的仓库。
  3. 在新克隆的目录中运行 npm install 命令。
  4. 最后重启 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
扩展缩写 tabshift + + e tabctrl + e
交互式扩展缩写 alt + + enter ctrl + alt + enter
包围缩写 ctrl + w ctrl + alt + w

更多快捷键可从「包」>「Emmet」菜单中找到。

应用场景与优势

无论你是网页开发者还是前端工程师,Emmet 都能帮助你提高编码速度和准确性。在创建或修改大型 HTML 和 CSS 文件时,其快速扩展和自动化操作尤其有用,如包裹元素、平衡标签、移动光标等。

Emmet 的特点是灵活、易定制,并且完全免费。它不仅适用于新手,也深受经验丰富的开发者的喜爱。通过扩展和自定义,你可以将其打造成满足个人需求的理想工具。

现在就加入数以万计的开发者行列,让 Emmet 成为你高效编程的秘密武器吧!

登录后查看全文
热门项目推荐
相关项目推荐

项目优选

收起
docsdocs
暂无描述
Markdown
827
5.48 K
kernelkernel
openEuler内核是openEuler操作系统的核心,既是系统性能与稳定性的基石,也是连接处理器、设备与服务的桥梁。
C
494
515
ops-nnops-nn
本项目是CANN提供的神经网络类计算算子库,实现网络在NPU上加速计算。
C++
783
1.57 K
pytorchpytorch
作为 Ascend for PyTorch 社区的核心组件,TorchNPU 是昇腾专为 PyTorch 打造的深度学习适配插件,使 PyTorch 框架能够直接调用昇腾 NPU,为开发者提供昇腾 AI 处理器的超强算力。
Python
800
1.14 K
ops-transformerops-transformer
本项目是CANN提供的transformer类大模型算子库,实现网络在NPU上加速计算。
C++
970
2.28 K
kernelkernel
deepin linux kernel
C
32
16
AscendNPU-IRAscendNPU-IR
AscendNPU-IR是基于MLIR(Multi-Level Intermediate Representation)构建的,面向昇腾亲和算子编译时使用的中间表示,提供昇腾完备表达能力,通过编译优化提升昇腾AI处理器计算效率,支持通过生态框架使能昇腾AI处理器与深度调优
C++
480
312
jiuwenswarmjiuwenswarm
JiuwenSwarm 是一款基于openJiuwen开发的智能AI Agent,它能够将大语言模型的强大能力,通过你日常使用的各类通讯应用,直接延伸至你的指尖。
Python
3.01 K
766
cannbot-skillscannbot-skills
CANNBot 是面向 CANN 开发的用于提升开发效率的系列智能体,本仓库为其提供可复用的 Skills 模块。
Markdown
1.26 K
808
cann-learning-hubcann-learning-hub
CANN 学习中心仓,支持在线互动运行、边学边练,提供教程、示例与优化方案,一站式助力昇腾开发者快速上手。
Jupyter Notebook
647
284