Sublime Text 2 超实用插件与快捷键

最新推荐文章于 2024-08-13 08:44:54 发布

原创最新推荐文章于 2024-08-13 08:44:54 发布 · 894 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#插件 #sublimetext #编辑器

Web前端专栏收录该内容

11 篇文章

订阅专栏

本文介绍 Sublime Text 编辑器的各种快捷键操作，包括新建编辑区、快速预览、光标跳转等功能，同时涵盖 CSS、JS 代码片段及插件安装等高级技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Ctrl+N 建立新编辑区
Ctrl+~ Console
Ctrl+P Go to Anything
1. index.html 可直接预览此文件
2. :20 光标跳转至第20行
3. #body 光标跳转至body标签
4. @ 可看到所有选择器（CSS中）或函数体（JS中）
5. css/bootstrap.css@ 在HTML页面中也能看到CSS选择器
Ctrl+Shift+P 命令模式
1. pci 快速进入Package Control: Install Package
2. ss 设置语法模式(set syntax)
3. Snippet:Function 快速输入JS函数体（Tab跳转至不同参数）
多行游标
1. Ctrl+D 选择下一个
2. Ctrl+K Ctrl+D 跳过这一个选择下一个
3. Alt+F3 选择所有的
4. Ctrl+A Ctrl+Shift+L 在所有行之后添加游标
5. Shift+鼠标右键向下拖动 每列都添加了游标
Ctrl+Shift+D 快速复制此行文本
Ctrl+Shift+V 粘贴时保持原格式缩进
Alt+> 闭合标签
bgc background-color
fun Enter 快速生成JS函数体
ife Enter 快速生成 if (true) {} else{};
p 快速生成JS对象的prototype属性
JavaScript & NodeJS Snippets插件
1. gi快速生成document.getElementById('id');
Insert Callback插件
1. Alt+C 快速回调函数
AdvancedNewFile插件
1. Ctrl+Alt+N 新建编辑区时可设置路径
Insert Callback插件
1. Alt+C 快速回调函数
Emmet插件
1. ! Ctrl+E 快速生成HTML5标记
2. h2{this is title} Ctrl+E 快速生成 <h2>this is title</h2>
3. script Ctrl+E 快速生成<script></script>
4. ul>.item$*10 Ctrl+E 快速生成以下列表

  <ul>
      <li class="item1"></li>
      <li class="item2"></li>
      <li class="item3"></li>
      <li class="item4"></li>
      <li class="item5"></li>
      <li class="item6"></li>
      <li class="item7"></li>
      <li class="item8"></li>
      <li class="item9"></li>
      <li class="item10"></li>
  </ul>