前端程序员必知必会的Sublime快捷键

冬静小哥_2924

冬静小哥_2924

2026-09-12

698人浏览

原创

掌握ctrl+p、ctrl+d、ctrl+m、ctrl+l、ctrl+/五个核心快捷键是高效编辑前提,它们覆盖80%日常操作:ctrl+p启动模糊搜索面板支持符号/文件/行跳转;ctrl+d增量多选,alt+f3全量匹配;ctrl+shift+l将多行选区转为行尾光标;ctrl+/注释行为由当前语法定义驱动,失效多因语法识别错误。

前端程序员必知必会的sublime快捷键

没练熟 Ctrl+P、Ctrl+D、Ctrl+M、Ctrl+L、Ctrl+/ 这五个,就别谈“高效”——它们覆盖你每天 80% 的编辑动作,其余快捷键只是条件变体。

Ctrl+P 不是打开文件对话框,是模糊搜索面板

按 Ctrl+P 后弹不出系统窗口?正常。它启动的是 Sublime 自带的符号/文件搜索面板,响应快、支持前缀语法,比翻标签页快一个数量级。

  • 输 @init 跳转到当前文件的 init 函数(首次可能延迟半秒,等右下角状态栏索引完成再输)
  • 输 #header 匹配 HTML 中的 id="header" 或 JS 中的变量名 header
  • 输 :42 直接跳到第 42 行
  • 搜不到 JS 函数?先看右下角语法是否为 JavaScript(不是 Plain Text),可用 Ctrl+Shift+P 输入 ssjs 快速切换
  • 输错字符不用全删,用 Ctrl+←/Ctrl+→ 按词移动光标更准

Ctrl+D 和 Alt+F3 都能多选,但行为完全相反

Ctrl+D 是增量控制,Alt+F3 是全量爆破;混用是新手改崩配置的最常见原因。

PigX UI 前端开发
PigX UI 前端开发

PigX UI Pro 前端开发指南 - Vue 3 + TypeScript + Element Plus。当用户提到 PigX UI、PigX 前端、lgb-mgui 项目、Vue 3 企业级后台开发、Element Plus 后台开发时使用此技能。

下载
  • Ctrl+D:光标停在 user_id 上,按一次选第一个,再按选第二个……适合只改前几处、跳过注释里同名字符串
  • Alt+F3:一按就选中全文所有 user_id,不区分上下文,正则模式下也无效
  • 想跳过某个匹配项?按 Ctrl+K, Ctrl+D
  • 误触 Alt+F3 后别狂按 Esc——残留光标会导致粘贴错位;更稳的是先按 Ctrl+U(软撤销)回退光标位置
  • Ctrl+D 在查找面板启用正则后仍可逐个加选;Alt+F3 对正则完全无效

Ctrl+Shift+L 不是“选多行”,是“每行末加光标”

这个快捷键常被误解为多行选择工具,其实它只做一件事:把已有的选区,拆成多个独立光标,全部落在各行末尾。

  • 必须先选中多行(比如用 Ctrl+L 连按或鼠标拖选),再按 Ctrl+Shift+L 才生效
  • 典型用途:给 5 行末尾同时加逗号、批量删行尾空格、补分号
  • 某行结尾有空格?光标会落在空格后——删空格前建议先按 End 定位,否则可能误删代码
  • 拆完光标后统一缩进?别用 Tab(只影响第一行),用 Ctrl+] 批量向右缩进
  • 配合查找替换更灵活:查 $(行尾锚点)→ 替换为 ,,就能给每行末尾加逗号

Ctrl+/ 注释失效?90% 是语法高亮识别错了

Ctrl+/ 的行为完全由当前文件的语法定义驱动,不是通用逻辑。

  • 按了 Ctrl+/ 没反应,或者插出 // 在 HTML 里?大概率是语法识别错了
  • JS 文件里加 //,HTML 里加 <!-- -->,Python 里加 #,规则来自当前语法定义
  • 右下角显示 Plain Text 却想注释?右键 → Set Syntax 手动选对类型,或用 Ctrl+Shift+P 输入 ssjson 等快速切换
  • 块注释用 Ctrl+Shift+/,但聚焦首行写说明得用 Ctrl+Alt+/
  • 注释后发现格式错乱?先检查语法,再确认文件扩展名是否被 Sublime 正确映射

真正卡住人的从来不是快捷键记不住,而是不知道什么时候该用哪个、为什么突然失效。右下角语法标签、后台索引状态、光标残留——这些细节不盯住,再多快捷键也白搭。

前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
python是前端还是后端
python是前端还是后端

Python属于前端也属于后端,其灵活性和丰富的生态系统使得开发人员能够在不同的领域中灵活运用。本专题为大家提供python相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.11

2323

5

前端如何实现即时通讯
前端如何实现即时通讯

实现即时通讯的方法有WebSocket、Long Polling、Server-Sent Events、WebRTC等等。详细介绍:1、WebSocket,它可以在客户端和服务器之间建立持久连接,实现实时的双向通信,前端可以使用 WebSocket API来创建WebSocket连接,并通过发送和接收消息来实现即时通讯;2、Long Polling,是一种模拟实时通信的技术等等。

2023.10.09

5003

6

前端和后端的区别
前端和后端的区别

前端关注的是用户界面的设计和交互,而后端则注重数据处理和逻辑控制。想了解更多前端后端的相关内容,可以阅读本专题下面的文章。

2024.03.19

6090

13

php和前端的关联介绍
php和前端的关联介绍

php既可以作为前端语言,也可以作为后端语言。想了解更多php和前端的相关内容,可以阅读本专题下面的文章。

2024.03.22

5618

10

前端外包工作内容有哪些
前端外包工作内容有哪些

前端外包工作内容包括:1. 网站和应用程序开发;2. 用户界面和交互设计;3. 用户体验优化;4. 设计和视觉开发;5. 跨浏览器兼容性;6. 性能优化;7. 维护和更新;8. 项目管理和沟通。想了解更多前端的相关内容,可以阅读本专题下面的文章。

2024.05.22

803

5

FrankenPHP集成Laravel详细教程
FrankenPHP集成Laravel详细教程

本专题提供FrankenPHP集成Laravel的详细配置指南,全面解析运行原理、开发环境搭建、Caddyfile配置、Octane工作模式、数据库连接、队列任务、定时任务和生产环境优化,解决部署过程中常见的报错与兼容性问题。

2026.10.08

0

20

LLVM自定义Pass怎么写
LLVM自定义Pass怎么写

本专题聚焦LLVM自定义Pass开发,整理Pass类结构、run()方法、PreservedAnalyses、CMake构建、插件注册、-load-pass-plugin加载和测试用例编写流程。

2026.09.30

120

10

LLVM RISC-V参数配置教程
LLVM RISC-V参数配置教程

本专题介绍LLVM对RISC-V基础ISA和扩展的支持方式,涵盖RV32、RV64、标准扩展、实验性扩展、厂商扩展、-menable-experimental-extensions和版本差异。

2026.09.30

100

14

LLVM IR中间表示入门指南
LLVM IR中间表示入门指南

本专题整理LLVM IR的核心概念,包括中间表示作用、模块结构、函数、基本块、SSA形式、类型系统和常见语法,帮助新手理解LLVM编译流程中的关键层。

2026.09.30

80

12

热门下载

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

精品课程

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