讲师中心 微信公众号

工具推荐

视频效率加速
剧云
剧云

中文短剧剧本制作平台

Seko
Seko

AI短剧一键生成成片

AniShort
AniShort

AI短剧协同制作平台

Laper
Laper

剧本策划到成片协作

PhpStorm用div包裹代码怎么弄?快捷操作一览

秋瑶姑娘_6378

秋瑶姑娘_6378

发布时间:2026-11-15 07:24:20

|

194人浏览过

|

来源于php中文网

原创

PhpStorm中用div包裹选中代码的快捷方式是Ctrl+Alt+T(Windows/Linux)或Cmd+Alt+T(macOS),触发Surround With功能后按D键即可;需确保文件类型为HTML/PHP/Blade且光标位于纯HTML区域,否则菜单无div选项。

phpstorm用div包裹代码怎么弄?快捷操作一览

PhpStorm 里用 div 包裹选中代码的快捷方式是 Ctrl+Alt+T(Windows/Linux)或 Cmd+Alt+T(macOS)

这个快捷键触发的是「Surround With」功能,不是专为 div 设计,但默认选项里就包含 div。选中任意 HTML 或 PHP 混合代码(比如一段 p、几行 echo、甚至 Blade 表达式),按快捷键后弹出菜单,直接按 D 就能套上 <div></div>。

  • 如果没看到 div 选项,说明当前文件类型未被识别为 HTML/PHP/Blade —— 检查右下角状态栏的文件类型标识,点击切换成 HTML 或 PHP
  • 在纯 PHP 文件里(.php 后缀但内容全是 PHP 逻辑),Ctrl+Alt+T 默认不显示 HTML 标签选项;此时需先选中要包裹的字符串字面量(比如 "<p>hello</p>"),再触发
  • 菜单里还有 Tag、PHP: echo、Blade: @section 等,不同上下文选项不同

怎么自定义添加常用标签(比如 section、article)到 Surround With 菜单

PhpStorm 不允许直接编辑内置 HTML 标签列表,但可以通过「Live Template」+「Surround With」联动实现:

  • 打开 Settings → Editor → Live Templates

    立即学习“PHP免费学习笔记(深入)”;

  • 点击右上角 + → Template Group,新建组(如叫 html-surround)

  • 在该组内点 + → Live Template,Abbreviation 填 sect,Template text 填:

    <section>$SELECTION$</section>
  • 勾选 Reformat according to style 和 Shorten FQ names

  • 点击 Define,勾选 HTML 和 PHP

    btpanel phpsite 宝塔面板PHP网站
    btpanel phpsite 宝塔面板PHP网站

    宝塔面板 PHP 网站管理:站点创建、删除、启停、PHP 版本切换、域名管理、SSL证书管理、伪静态管理、数据库管理

    下载
  • 回到代码,选中文本 → Ctrl+Alt+T → 选择刚建的 sect 模板即可

  • Live Template 的 $SELECTION$ 是关键占位符,缺了它就无法包裹

  • 不要用 div 这种已内置的 abbreviation 冲突命名,否则可能覆盖默认行为

  • 模板定义后不会自动出现在 Ctrl+Alt+T 首屏,首次使用需按方向键或鼠标点一下

在 Blade 文件里用 div 包裹却插入了双大括号怎么办

这是常见误操作:Blade 模板中直接按 Ctrl+Alt+T → D,结果生成了:

@{{ <div>...</div> }}
而不是纯 HTML。根本原因是 PhpStorm 把当前上下文识别成了「Blade 表达式区域」,而非 HTML 区域。
  • 光标必须落在纯 HTML 区域(比如已有 <p></p> 标签之间),不能在 @if、{{ $var }} 或 @endphp 后紧挨着的位置
  • 若已错插成 @{{}},删掉外层 @{{}} 即可,内容本身是合法 HTML,不会报错
  • 更稳妥的做法:先用 Ctrl+Shift+V 粘贴纯文本(绕过智能粘贴),再选中 → Ctrl+Alt+T → D

为什么有时 Ctrl+Alt+T 没反应或弹出空菜单

本质是作用域识别失败,和光标位置强相关:

  • 光标在注释里(// 或 <!-- -->)→ 不触发
  • 光标在字符串内部但未选中任何内容 → 弹出 PHP 相关模板(如 try-catch),无 HTML 选项
  • 文件编码不是 UTF-8(尤其含中文路径时)→ 功能可能静默失效,检查 File → File Encoding
  • 使用了第三方插件(如 Laravel Idea)覆盖了快捷键 → 在 Keymap 中搜索 Surround With 确认绑定是否被改写

实际项目里最常被忽略的,是文件类型识别和光标所处的具体语法区域——同一个 .blade.php 文件,@section('content') 下面是 HTML,@endphp 后面紧跟的 PHP 代码块就进不了 HTML 包裹流程。

热门AI工具

更多
Seko
Seko Hot

一款AI视频创作工具,主要用于商汤科技推出的创编一体的AI短视频创作Agent,适合需要提升相关任务效率的用户。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

超级麦吉

一款通过数字员工协作完成调研、数据分析与文档制作的AI办公平台。

Laper
Laper Hot

Laper是专为编剧、导演和制片人推出的 AI 原生剧本创作工具。

Atoms
Atoms Hot

Atoms是一款AI智能体工具,第一支自动构建真实业务的 AI 团队。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

Flowith
Flowith Hot

Flowith是一款基于画布和智能体工作流的 AI 协作工作空间。

音述AI
音述AI Hot

一款AI音频处理工具,主要用于音述AI是一个以“用声音述说故事”为核心的 AI 音乐创作与声音分享社区,适合需要提升相关任务效率的用户。

相关专题

更多
phpstorm怎么导出项目
phpstorm怎么导出项目

phpstorm提供导出项目功能,步骤如下:打开phpstorm项目转到“项目”菜单选择“导出项目”选择导出格式指定导出位置选择导出范围勾选“包括依赖项”框(可选)单击“导出”完成导出。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

1548

2024.04.08

phpStorm怎么运行
phpStorm怎么运行

本专题整合了phpstorm运行教程,阅读专题下面的文章了解更多相关内容。

7298

2025.09.18

phpstorm开发环境搭建教程
phpstorm开发环境搭建教程

本专题整合了phpstorm开发环境搭建和运行项目教程,阅读专题下面的文章了解更多详细教程。

7176

2025.09.18

phpstorm怎样运行php
phpstorm怎样运行php

本专题整合了phpstorm运行php相关教程,阅读专题下面的文章了解更多详细内容。

2421

2025.09.18

phpstorm相关教程大全
phpstorm相关教程大全

本专题整合了phpstorm相关教程汇总,阅读专题下面的文章了解更多详细内容。

158

2026.01.15

从环境搭建到代码调试:PHPstorm全流程开发配置指南
从环境搭建到代码调试:PHPstorm全流程开发配置指南

本文旨在为PHP开发者提供一份详尽的PhpStorm全流程开发配置指南。内容涵盖从IDE安装、PHP解释器配置、Xdebug调试环境搭建,到项目运行与断点调试的完整流程。通过本指南,读者将掌握搭建高效开发环境的核心技能,快速上手PhpStorm的强大功能,显著提升PHP开发效率。

141

2026.04.01

PHPstorm编辑器全系统安装与激活配置指南
PHPstorm编辑器全系统安装与激活配置指南

本文提供一份详尽的PHPstorm全系统安装与激活配置指南,覆盖Windows、macOS及Linux三大主流平台。内容从官方安装包的获取、安装过程中的路径与组件选择,到激活流程(包括正版激活与补丁替换法)均有详细图解。此外,指南还包含安装后的基础环境配置与中文语言包安装,旨在帮助开发者快速完成IDE部署,为PHP开发搭建一个稳定、高效的集成环境。

296

2026.04.01

ps软件新手入门教程合集
ps软件新手入门教程合集

PHP中文网精心打造了本PS新手入门教程合集。内容涵盖软件安装、界面认知、图层管理及抠图调色等核心技能,提供从零基础到精通的系统化学习路径。无论您是想快速上手修图还是进阶平面设计,都能在此找到实用指南与实战案例,助您轻松玩转Photoshop。

1160

2026.06.11

Go-Zero API开发使用教程
Go-Zero API开发使用教程

本专题聚焦Go-Zero的API开发,拆解.api描述文件的语法结构、路由与分组定义、参数绑定与校验规则,说明统一响应体、JWT鉴权、跨域与接口文档生成的落地方式,并给出网关聚合与接口测试的实践建议。

40

2026.11.12

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
38+ PhpStorm 提示和技巧
38+ PhpStorm 提示和技巧

共1课时 | 244人学习

墨刀帮助中心
墨刀帮助中心

共0课时 | 0人学习

MyEclipse学习中心
MyEclipse学习中心

共0课时 | 0人学习

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

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn