首页
/ 推荐: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 成为你高效编程的秘密武器吧!

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

热门内容推荐

项目优选

收起
openHiTLS-examplesopenHiTLS-examples
本仓将为广大高校开发者提供开源实践和创新开发平台,收集和展示openHiTLS示例代码及创新应用,欢迎大家投稿,让全世界看到您的精巧密码实现设计,也让更多人通过您的优秀成果,理解、喜爱上密码技术。
C
53
468
kernelkernel
deepin linux kernel
C
22
5
nop-entropynop-entropy
Nop Platform 2.0是基于可逆计算理论实现的采用面向语言编程范式的新一代低代码开发平台,包含基于全新原理从零开始研发的GraphQL引擎、ORM引擎、工作流引擎、报表引擎、规则引擎、批处理引引擎等完整设计。nop-entropy是它的后端部分,采用java语言实现,可选择集成Spring框架或者Quarkus框架。中小企业可以免费商用
Java
7
0
RuoYi-Vue3RuoYi-Vue3
🎉 (RuoYi)官方仓库 基于SpringBoot,Spring Security,JWT,Vue3 & Vite、Element Plus 的前后端分离权限管理系统
Vue
878
517
Cangjie-ExamplesCangjie-Examples
本仓将收集和展示高质量的仓颉示例代码,欢迎大家投稿,让全世界看到您的妙趣设计,也让更多人通过您的编码理解和喜爱仓颉语言。
Cangjie
336
1.1 K
ohos_react_nativeohos_react_native
React Native鸿蒙化仓库
C++
180
264
cjoycjoy
一个高性能、可扩展、轻量、省心的仓颉Web框架。Rest, 宏路由,Json, 中间件,参数绑定与校验,文件上传下载,MCP......
Cangjie
87
14
CangjieCommunityCangjieCommunity
为仓颉编程语言开发者打造活跃、开放、高质量的社区环境
Markdown
1.08 K
0
openHiTLSopenHiTLS
旨在打造算法先进、性能卓越、高效敏捷、安全可靠的密码套件,通过轻量级、可剪裁的软件技术架构满足各行业不同场景的多样化要求,让密码技术应用更简单,同时探索后量子等先进算法创新实践,构建密码前沿技术底座!
C
349
381
cherry-studiocherry-studio
🍒 Cherry Studio 是一款支持多个 LLM 提供商的桌面客户端
TypeScript
612
60