闵超的主页

Sublime Text3

2018-06-12
闵超

Sublime 3 操作说明及快捷键

Emmet(原名为Zen Coding)使用说明:www.webqianduan.cn/491.html (想高效率开发必看此教程) 相关配置教程:www.webqianduan.cn/561.html 【rem、皮肤主题等相关设置】 添加系统鼠标右键菜单教程:http://www.webqianduan.cn/575.html

【安装完成之后,可在安装根目录找到”系统鼠标右键菜单.bat”添加鼠标右键以sublime打开的功能。】

【最常用的】:

1、新建文件-输入”html:xt”后 按”Ctrl+E键”或 “tab键” ,可快速生成xhtml 1.0的模板

2、新建文件-输入”html:5”后 按”Ctrl+E键”或 “tab键” ,可快速生成HTML5的模板

3、新建文件-输入”!”后 按”Ctrl+E键”或 “tab键” ,可快速生成HTML5的模板

Ctrl+Alt+H 可快速生成HTML的骨架

Ctrl+Shift+alt [ 折叠代码 (在CSS中表示紧凑格式,在html中为折叠代码)

Ctrl+Shift+alt ] 折叠代码 (在CSS中表示扩张格式,在html中为恢复折叠代码)

Ctrl+Shift+C 新建HTML5模板

Ctrl+Alt+N 快速创建文件(填上文件扩展名可生成模板,例如:demo.html)

Ctrl+Alt+K 刪除不必要的空白

Ctrl+Shift+Alt+F 格式化JS代码

Ctrl+Shift+Alt+M 压缩CSS/JS代码(生成结果为:文件名.min.css、文件名.min.js)

F1 Chrome浏览器预览

F2 Firefox浏览器预览

F3 IE浏览器预览

F4 打开调色盘

F11 全屏

F12 默认浏览器预览

按住鼠标滚轮下拉可多行编辑

Ctrl+D 选词 (反复按快捷键,即可继续向下同时选中下一个相同的文本进行同时编辑)

Ctrl+G 跳转到相应的行

Ctrl+J 合并行(已选择需要合并的多行时)

Ctrl+L 选择整行(按住-继续选择下行)

Ctrl+M 光标移动至括号内开始或结束的位置

Ctrl+T 词互换

Ctrl+U 软撤销

Ctrl+P 查找当前项目中的文件和快速搜索;输入 @ 查找文件主标题/函数;或者输入 :

跳转到文件某行;

Ctrl+R 快速列出/跳转到某个函数

Ctrl+K Backspace 从光标处删除至行首

Ctrl+K+B 开启/关闭侧边栏

Ctrl+KK 从光标处删除至行尾

Ctrl+K+T 折叠属性

Ctrl+K+U 改为大写

Ctrl+K+L 改为小写

Ctrl+K+0 展开所有

Ctrl+Enter 插入行后(快速换行)

Ctrl+Tab 当前窗口中的标签页切换

Ctrl+Shift+A 选择光标位置父标签对儿

Ctrl+Shift+D 复制光标所在整行,插入在该行之前

ctrl+shift+F 在文件夹内查找,与普通编辑器不同的地方是sublime允许添加多个文件夹进行查找

Ctrl+Shift+K 删除整行

Ctrl+Shift+L 鼠标选中多行(按下快捷键),即可同时编辑这些行

Ctrl+Shift+M 选择括号内的内容(按住-继续选择父括号)

Ctrl+Shift+P 打开命令面板

Ctrl+Shift+/ 注释已选择内容

Ctrl+Shift+↑可以移动此行代码,与上行互换

Ctrl+Shift+↓可以移动此行代码,与下行互换

Ctrl+Shift+[ 折叠代码

Ctrl+Shift+] 展开代码

Ctrl+Shift+Enter 光标前插入行

Ctrl+PageDown 、Ctrl+PageUp 文件按开启的前后顺序切换

Ctrl+Z 撤销

Ctrl+Y 恢复撤销

Ctrl+F2 设置/取消书签

Ctrl+/ 注释整行(如已选择内容,同“Ctrl+Shift+/”效果)

Ctrl+鼠标左键 可以同时选择要编辑的多处文本

Shift+鼠标右键(或使用鼠标中键)可以用鼠标进行竖向多行选择

Shift+F2 上一个书签

Shift+Tab 去除缩进

Alt+Shift+W 环绕标签

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+Shift+分屏序号 将当前焦点页分配到分屏序号页

Alt+. 闭合当前标签

Alt+F3 选中文本按下快捷键,即可一次性选择全部的相同文本进行同时编辑

Tab 缩进 自动完成

F6 检测语法错误

F9 行排序(按a-z)

快速生成代码片段:

例如输入*号然后按tab键,即可快速生成以下代码段:

【
   *{
       margin: 0;
       padding: 0;
   }
   img{
       border:0;
   }
   ol, ul ,li{list-style: none;}
】

输入语法:* 按tab键 可生成清除默认样式

输入语法:cft 按tab键 可生成自定义footer

输入语法:clear1 按tab键 可生成清浮动方法一

输入语法:clear2 按tab键 可生成清浮动方法二

输入语法:html4 按tab键 可生成xhtml1.0骨架

输入语法:jss 按tab键 可生成带路径的

输入语法:js 按tab键 可生成

输入语法:css 按tab键 可生成

输入语法:hzs 按tab键 可生成HTML注释

输入语法:jzs 按tab键 可生成CSS、JS等多行注释

输入语法:reset 按tab键 可生成重置默认样式

输入语法:weilei 按tab键 可生成css伪类

输入语法:ie6 按tab键 可生成ie6判断语法

输入语法:ie8 按tab键 可生成ie8判断语法

输入语法:media 按tab键 可生成CSS3媒体查询

语法不断更新中,如有好的建议,请联系我增加。


上一篇 闭包理解

Content

如果喜欢,打个赏,加个好友吧

扫描二维码打赏

扫描二维码打赏