0

0

sublime怎么快速包裹选中的代码块 _sublime选中代码快速包裹技巧

下次还敢

下次还敢

发布时间:2025-10-23 09:23:02

|

383人浏览过

|

来源于php中文网

原创

使用emmet的ctrl+shift+g(cmd+shift+g)可快速用html缩写包裹代码,如ul>li*将每行文本包入列表项;通过ctrl+shift+l多行编辑手动添加括号或创建snippet复用模板;安装wrap plus插件后按ctrl+alt+w自定义符号包裹,提升结构化编码效率。

sublime怎么快速包裹选中的代码块 _sublime选中代码快速包裹技巧

在 Sublime Text 中,快速包裹选中的代码块是提升编码效率的重要技巧。通过简单的操作,你可以将选中的内容用标签、函数或其他结构包裹起来,尤其适用于 HTML、JSX、XML 等结构化语言。

使用 Emmet 快速包裹(HTML/XML)

Sublime Text 内置了 Emmet 插件,支持用缩写语法快速包裹代码:

  • 选中你想要包裹的文本(例如几行文本或代码)
  • 按下 Ctrl+Shift+G**(Windows/Linux)或 **Cmd+Shift+G**(Mac),这是 Emmet 的“Wrap with Abbreviation”功能
  • 输入 HTML 缩写,比如 div.container>ul>li,然后回车
  • 选中内容就会被自动包裹进你定义的结构中

例如:选中三行文本,使用 ul>li*,每行都会被包在

  • 中,并整体放入

      自定义快捷包裹(Snippet 或多行编辑)

      如果常用某种包裹结构(如函数、注释、条件语句),可以配合多行编辑和快捷键实现快速处理:

      • 选中多行代码
      • Ctrl+Shift+L** 将每一行转为独立光标
      • 在行首添加起始符号(如 ({
      • End** 键跳到每行末尾,手动添加结束符号

      也可以提前创建一个 Snippet**,用于包裹模板代码,提高复用性。

      使用插件增强包裹能力

      安装 Wrap Plus** 插件可扩展原生包裹功能:

      • 通过 Package Control 安装 “Wrap Plus”
      • 选中文本后,按 Ctrl+Alt+W** 打开包裹菜单
      • 输入任意起始和结束符号,比如 [ ]{ }
    • 热门AI工具

      更多
      DeepSeek
      DeepSeek

      幻方量化公司旗下的开源大模型平台

      豆包大模型
      豆包大模型

      字节跳动自主研发的一系列大型语言模型

      通义千问
      通义千问

      阿里巴巴推出的全能AI助手

      腾讯元宝
      腾讯元宝

      腾讯混元平台推出的AI助手

      文心一言
      文心一言

      文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

      讯飞写作
      讯飞写作

      基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

      即梦AI
      即梦AI

      一站式AI创作平台,免费AI图片和视频生成。

      ChatGPT
      ChatGPT

      最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

      相关专题

      更多
      pdf怎么转换成xml格式
      pdf怎么转换成xml格式

      将 pdf 转换为 xml 的方法:1. 使用在线转换器;2. 使用桌面软件(如 adobe acrobat、itext);3. 使用命令行工具(如 pdftoxml)。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

      1944

      2024.04.01

      xml怎么变成word
      xml怎么变成word

      步骤:1. 导入 xml 文件;2. 选择 xml 结构;3. 映射 xml 元素到 word 元素;4. 生成 word 文档。提示:确保 xml 文件结构良好,并预览 word 文档以验证转换是否成功。想了解更多xml的相关内容,可以阅读本专题下面的文章。

      2118

      2024.08.01

      xml是什么格式的文件
      xml是什么格式的文件

      xml是一种纯文本格式的文件。xml指的是可扩展标记语言,标准通用标记语言的子集,是一种用于标记电子文件使其具有结构性的标记语言。想了解更多相关的内容,可阅读本专题下面的相关文章。

      1160

      2024.11.28

      pdf怎么转换成xml格式
      pdf怎么转换成xml格式

      将 pdf 转换为 xml 的方法:1. 使用在线转换器;2. 使用桌面软件(如 adobe acrobat、itext);3. 使用命令行工具(如 pdftoxml)。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

      1944

      2024.04.01

      xml怎么变成word
      xml怎么变成word

      步骤:1. 导入 xml 文件;2. 选择 xml 结构;3. 映射 xml 元素到 word 元素;4. 生成 word 文档。提示:确保 xml 文件结构良好,并预览 word 文档以验证转换是否成功。想了解更多xml的相关内容,可以阅读本专题下面的文章。

      2118

      2024.08.01

      xml是什么格式的文件
      xml是什么格式的文件

      xml是一种纯文本格式的文件。xml指的是可扩展标记语言,标准通用标记语言的子集,是一种用于标记电子文件使其具有结构性的标记语言。想了解更多相关的内容,可阅读本专题下面的相关文章。

      1160

      2024.11.28

      li是什么元素
      li是什么元素

      li是HTML标记语言中的一个元素,用于创建列表。li代表列表项,它是ul或ol的子元素,li标签的作用是定义列表中的每个项目。本专题为大家li元素相关的各种文章、以及下载和课程。

      436

      2023.08.03

      windows查看端口占用情况
      windows查看端口占用情况

      Windows端口可以认为是计算机与外界通讯交流的出入口。逻辑意义上的端口一般是指TCP/IP协议中的端口,端口号的范围从0到65535,比如用于浏览网页服务的80端口,用于FTP服务的21端口等等。怎么查看windows端口占用情况呢?php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

      1431

      2023.07.26

      JavaScript浏览器渲染机制与前端性能优化实践
      JavaScript浏览器渲染机制与前端性能优化实践

      本专题围绕 JavaScript 在浏览器中的执行与渲染机制展开,系统讲解 DOM 构建、CSSOM 解析、重排与重绘原理,以及关键渲染路径优化方法。内容涵盖事件循环机制、异步任务调度、资源加载优化、代码拆分与懒加载等性能优化策略。通过真实前端项目案例,帮助开发者理解浏览器底层工作原理,并掌握提升网页加载速度与交互体验的实用技巧。

      23

      2026.03.06

      热门下载

      更多
      网站特效
      /
      网站源码
      /
      网站素材
      /
      前端模板

      精品课程

      更多
      相关推荐
      /
      热门推荐
      /
      最新课程
      Git 教程
      Git 教程

      共21课时 | 4.1万人学习

      Kotlin 教程
      Kotlin 教程

      共23课时 | 4.2万人学习

      NumPy 教程
      NumPy 教程

      共44课时 | 3.6万人学习

      关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
      php中文网:公益在线php培训,帮助PHP学习者快速成长!
      关注服务号 技术交流群
      PHP中文网订阅号
      每天精选资源文章推送

      Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号