星杰同学_6210
2026-09-22
175人浏览
原创
ctrl+shift+[在html/js中失效主因是光标位置错误、语法识别失败或作用域链断裂：html需停在开标签行，js需停在function/if等关键字行，右下角必须显示对应语法而非plain text；vue/jsx需安装专用语法插件。
Sublime 对前端代码（HTML/CSS/JS）的折叠支持是“语法驱动”的，不是靠缩进或选区——光标停错位置、语言识别失败、作用域链断裂，都会导致快捷键静默失效。
这个快捷键只响应光标所在行的折叠起点，不是任意位置都能触发：
<div>、<code><script></script>、<style></style> 或带属性的开标签行（如 <ul class="nav"></ul>），停在闭标签 function、{、if、for、class 行，停在 console.log() 内部或空行就无响应HTML、JavaScript 或 CSS；若显示 Plain Text，所有折叠逻辑直接关闭show_scope_name 可能只返回 source.js，缺 meta.tag 或 meta.function，折叠点就生成不了有用，但有前提：它只对单行超长标签生效，且依赖语法高亮器是否把属性识别为可折叠子作用域。
<input type="text" id="name" name="user" value="" class="form-control" data-validate="required">）Ctrl+K, Ctrl+T 后，属性部分会变成 ...>，标签名和闭合符保留可见show_scope_name 显示 source.html 但无 meta.attribute-with-value ——说明当前语法文件未定义该折叠规则，需换用更完整的 HTML 插件（如 “HTML-CSS-Class-Completion”）<div><p>...</p><div class="aritcle_card flexRow artxards">
<div class="artcardd flexRow">
<a class="aritcle_card_img" rel="nofollow" href="/xiazai/skill3164" title="前端美化"><img
src="https://img.php.cn/upload/skill/000/000/081/178947014375220.jpg" alt="前端美化" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
<div class="aritcle_card_info flexColumn">
<a rel="nofollow" href="/xiazai/skill3164" title="前端美化" class="overflowclass">前端美化</a>
<p class="overflowclass">使用此技能可创建独具特色、具备生产级质量的前端界面，设计品质高。当用户要求构建网页组件、页面、产物、海报或应用程序时（例如：网站、落地页、仪表盘、React 组件、HTML/CSS 布局，或对任意 Web UI 进行样式优化与视觉美化），请启用该能力。输出需为富有创意、精雕细琢的代码与 UI 设计，避免千篇一律的 AI 风格。</p>
</div>
<a rel="nofollow" href="/xiazai/skill3164" title="前端美化" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span>
</a>
</div>
</div></div>），那是 Ctrl+Shift+[ 的职责Sublime 原生没有 fold_functions_only 命令，但可通过 fold_by_level 靠近目标，前提是函数作用域被正确识别。
function foo() { 行，按 Ctrl+Shift+[ 能正常折叠 → 说明 meta.function 已命中Ctrl+Shift+P → 输入 Developer: Show Scope Name → 状态栏应显示类似 source.js meta.function.js
Ctrl+Shift+P → 输入 fold_by_level → 回车 → 输入 2 或 3（JS 中函数常在 level 2，但 Babel/TS 插件可能推到 3）@memoize）、JSDoc 紧贴 function 行，或用了箭头函数 const fn = () => { ——后者在多数 JS 语法包中不被视为 meta.function，得手动选中函数体再按 Ctrl+Shift+[
当语法不支持或你只想藏一段数据时，fold_selection 是唯一可靠方式，但它需要手动启用。
<script type="application/json">{...}</script> 块）Ctrl+Shift+P → 输入 fold_selection → 回车（原生支持，无需插件）Ctrl+Shift+] 展开——必须点击左侧 gutter 三角，或按 Ctrl+K, Ctrl+J 全局展开fold_selection 不在命令面板里，说明你用的是极老版本（
真正容易被忽略的是：所有折叠行为都建立在「语法作用域链完整」之上。哪怕只是少了一个 meta. 前缀，fold_by_level 就会跳过整层结构，而你看到的只是“没反应”。别急着装插件，先按 Ctrl+Shift+P 跑一遍 show_scope_name —— 它比任何文档都诚实。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
相关文章
Sublime Text Python代码折叠的实现方式
如何在Sublime中使用代码折叠功能
如何在Sublime中取消代码折叠
Sublime大项目开发中利用代码折叠理清逻辑的方法
Sublime代码折叠功能在哪里
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
相关专题
Python属于前端也属于后端，其灵活性和丰富的生态系统使得开发人员能够在不同的领域中灵活运用。本专题为大家提供python相关的文章、下载、课程内容，供大家免费下载体验。
2023.08.11
2043
5
实现即时通讯的方法有WebSocket、Long Polling、Server-Sent Events、WebRTC等等。详细介绍：1、WebSocket，它可以在客户端和服务器之间建立持久连接，实现实时的双向通信，前端可以使用 WebSocket API来创建WebSocket连接，并通过发送和接收消息来实现即时通讯；2、Long Polling，是一种模拟实时通信的技术等等。
2023.10.09
4343
6
前端外包工作内容包括：1. 网站和应用程序开发；2. 用户界面和交互设计；3. 用户体验优化；4. 设计和视觉开发；5. 跨浏览器兼容性；6. 性能优化；7. 维护和更新；8. 项目管理和沟通。想了解更多前端的相关内容，可以阅读本专题下面的文章。
2024.05.22
683
5
本专题汇总了Vibeknow在线创作视频的官方入口及网页版使用教程，涵盖PPT、PDF、Word等文档一键转讲解视频的核心操作，并整理了免费版水印规则与手机端浏览器访问指南，助你快速将知识内容视频化。
2026.09.21
20
20
本专题整理 NumPy 随机数、文件读写与 dtype 数据类型相关教程，覆盖 Generator/random、随机数种子、正态分布采样、npy/npz/CSV/TXT 保存读取、loadtxt/savetxt、memmap、大文件处理、astype 类型转换、结构化 dtype、整数溢出和精度丢失等场景。
2026.09.21
0
24
本专题整理 NumPy 矩阵运算与线性代数计算相关教程，覆盖矩阵乘法、dot 与 @ 运算符、逆矩阵、行列式、特征值与特征向量、SVD、线性方程组、欧氏距离、矩阵分解和大规模矩阵性能优化等内容，帮助读者掌握 np.linalg 与矩阵计算实战。
2026.09.21
0
20
本专题整理 NumPy 广播机制、数组数学运算与统计分析相关教程，覆盖广播规则、维度对齐、矩阵与数组加减除法、向量化计算、均值方差、分位数、中位数、直方图和 unique 频次统计等场景，帮助读者掌握 ndarray 高效计算与统计处理方法。
2026.09.21
0
17
热门下载
相关下载
精品课程
共0课时 | 0人学习
共0课时 | 0人学习
共0课时 | 0人学习
