Sublime 常用快捷键

最新推荐文章于 2024-06-24 14:20:32 发布

yshir-phper

最新推荐文章于 2024-06-24 14:20:32 发布

阅读量337

点赞数

分类专栏： web前端

本文链接：https://blog.csdn.net/qq_39399966/article/details/105994719

版权

web前端专栏收录该内容

25 篇文章 3 订阅

订阅专栏

选择类

Ctrl+D 选中光标所占的文本，继续操作则会选中下一个相同的文本。
Alt+F3 选中文本按下快捷键，即可一次性选择全部的相同文本进行同时编辑。举个栗子：快速选中并更改所有相同的变量名、函数名等。
Ctrl+L 选中整行，继续操作则继续选择下一行，效果和 Shift+↓ 效果一样。
Ctrl+Shift+L 先选中多行，再按下快捷键，会在每行行尾插入光标，即可同时编辑这些行。
Ctrl+Shift+M 选择括号内的内容（继续选择父括号）。举个栗子：快速选中删除函数中的代码，重写函数体代码或重写括号内里的内容。
Ctrl+M 光标移动至括号内结束或开始的位置。
Ctrl+Enter 在下一行插入新行。举个栗子：即使光标不在行尾，也能快速向下插入一行。
Ctrl+Shift+Enter 在上一行插入新行。举个栗子：即使光标不在行首，也能快速向上插入一行。
Ctrl+Shift+[ 选中代码，按下快捷键，折叠代码。
Ctrl+Shift+] 选中代码，按下快捷键，展开代码。
Ctrl+K+0 展开所有折叠代码。
Ctrl+← 向左单位性地移动光标，快速移动光标。
Ctrl+→ 向右单位性地移动光标，快速移动光标。
shift+↑ 向上选中多行。
shift+↓ 向下选中多行。
Shift+← 向左选中文本。
Shift+→ 向右选中文本。
Ctrl+Shift+← 向左单位性地选中文本。
Ctrl+Shift+→ 向右单位性地选中文本。
Ctrl+Shift+↑ 将光标所在行和上一行代码互换（将光标所在行插入到上一行之前）。
Ctrl+Shift+↓ 将光标所在行和下一行代码互换（将光标所在行插入到下一行之后）。
Ctrl+Alt+↑ 向上添加多行光标，可同时编辑多行。
Ctrl+Alt+↓ 向下添加多行光标，可同时编辑多行。

编辑类

Ctrl+J 合并选中的多行代码为一行。举个栗子：将多行格式的CSS属性合并为一行。
Ctrl+Shift+D 复制光标所在整行，插入到下一行。
Tab 向右缩进。
Shift+Tab 向左缩进。
Ctrl+K+K 从光标处开始删除代码至行尾。
Ctrl+Shift+K 删除整行。
Ctrl+/ 注释单行。
Ctrl+Shift+/ 注释多行。
Ctrl+K+U 转换大写。
Ctrl+K+L 转换小写。
Ctrl+Z 撤销。
Ctrl+Y 恢复撤销。
Ctrl+U 软撤销，感觉和 Gtrl+Z 一样。
Ctrl+F2 设置书签
Ctrl+T 左右字母互换。
F6 单词检测拼写

搜索类

Ctrl+F 打开底部搜索框，查找关键字。
Ctrl+shift+F 在文件夹内查找，与普通编辑器不同的地方是sublime允许添加多个文件夹进行查找，略高端，未研究。
Ctrl+P 打开搜索框。举个栗子：1、输入当前项目中的文件名，快速搜索文件，2、输入@和关键字，查找文件中函数名，3、输入：和数字，跳转到文件中该行代码，4、输入#和关键字，查找变量名。
Ctrl+G 打开搜索框，自动带：，输入数字跳转到该行代码。举个栗子：在页面代码比较长的文件中快速定位。
Ctrl+R 打开搜索框，自动带@，输入关键字，查找文件中的函数名。举个栗子：在函数较多的页面快速查找某个函数。
Ctrl+：打开搜索框，自动带#，输入关键字，查找文件中的变量名、属性名等。
Ctrl+Shift+P 打开命令框。场景栗子：打开命名框，输入关键字，调用sublime text或插件的功能，例如使用package安装插件。
Esc 退出光标多行选择，退出搜索框，命令框等。

显示类

Ctrl+Tab 按文件浏览过的顺序，切换当前窗口的标签页。
Ctrl+PageDown 向左切换当前窗口的标签页。
Ctrl+PageUp 向右切换当前窗口的标签页。
Alt+Shift+1 窗口分屏，恢复默认1屏（非小键盘的数字）
Alt+Shift+2 左右分屏-2列
Alt+Shift+3 左右分屏-3列
Alt+Shift+4 左右分屏-4列
Alt+Shift+5 等分4屏
Alt+Shift+8 垂直分屏-2屏
Alt+Shift+9 垂直分屏-3屏
Ctrl+K+B 开启/关闭侧边栏。
F11 全屏模式
Shift+F11 免打扰模式

sublime 编写HTML快捷键

1、sublime 编写html使用快捷键之前，首先要确定你的sublime text3中是否安装packet controls 插件如下图，如果Preferrences-->中含有Package Settings 和Package Control 这两个二级菜单，说明你的sublime text3 中已经安装packet controls 插件，否则没有安装，那么请自行百度搜索Packet controls插件的安装。

2、点击 Preferrences-->package control，出现下图，输入 in

3、点击 Package Control:Install Package

3、点击Package Control:Install Package，过几秒，记得，这个地方需要大概十秒时间出来下图，然后在框中输入emmet，点击第一个，过一会就会提示安装成功。

4、查看是否安装成功，如上，在框中输入list，如下图，点击第一个，如下下图，列出来的都是sublime text3 已经安装的插件，如果里面有emmet，说明emmet插件安装成功。

5、安装成功后，重启编辑器后就可以使用快捷键进行编写html

1、html   按回车键/tab键 ：生成html结构代码

2、> 表示不同级标签，+ 表示同级标签，*注意中间不要空格* ，“.”号，后面跟的是class名，“$”符，代表的是序号

有序列表 ol>li*3  按tab键
<ol>
        <li></li>
        <li></li>
        <li></li>
</ol>

自定义列表 dl>(dt+dd)*3  按tab键
<dl>
        <dt></dt>
        <dd></dd>
        <dt></dt>
        <dd></dd>
        <dt></dt>
        <dd></dd>
</dl>
无序列表带有a标签的快速生成方式 ul>(li>a)*3   按tab键
<ul>
        <li><a href=""></a></li>
        <li><a href=""></a></li>
        <li><a href=""></a></li>
</ul>

3、创建Id名为box的div标记

div#box

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
  <div id="box"></div>
</body>
</html>

4、创建类名为box的div标记
div.box

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
  <dov class="box"></dov>
</body>
</html>

5、ui>li>(h3+p) 按tab键

   <ui>
        <li>
            <h3></h3>
            <p></p>
        </li>
    </ui>