Sublime Text 快捷键及使用技巧的学习整理

下载和安装(很简单,省略)下载地址 http://www.sublimetext.com/2

1. 有两点需要注意

a) Sublime Text目前稳定的版本是Sublime Text 2,Sublime Text 3 beta测试版本已经推出,在版本3上进行大幅功能提升。

b) Mac操作系统和Windows操作系统,快捷键差别较大(这里的快捷键是在Windows系统下)

2. 启动(略)

3. 编辑区

  每天工作的地方,越大越好

  关闭后再次打开文档,自动帮我们保存。(非常便利的一个特性)

4. 菜单

a) File (文件)

  新建文件 Ctrl + N

  打开文件 Ctrl + O

  Sublime打开文件后,自动识别文件的类型。并且对文件进行语法高亮

  Sublime Text 3可以直接打开图片

b) Edit (编辑)

复制

简单复制Ctrl + V

保持缩进复制 Ctrl +Shift +V

复制历史 Ctrl + K + V

Line

增加缩进 Ctrl + ]

增加缩进 Ctrl + [

复制整行 Ctrl +Shift + D

删除整行 Ctrl +Shift + K

与上行互换 Ctrl + Shift + 

与下行互换 Ctrl + Shift + 

合并成一行 Ctrl + J

注释

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

注释一片 Ctrl + Shift + /  (注释已选择内容)

Text

下一行插入新行Ctrl + Enter

上一行插入新行 Ctrl + Shift + Enter

c) Select(选择)

全选 Ctrl + A

选择整行 Ctrl + L

选择单词 Ctrl + D (按住-继续选择下个相同的字符串)

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

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

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

Ctrl + Alt + ↑

Ctrl + Alt + ↓

Ctrl + Shift +J

d) Find(查找和替换)

查找 Ctrl + F

查找下一个 F3

查找上一个 Shift + F3

增量查找 Ctrl + I

替换 Ctrl + H

替换下一个 Ctrl + Shift + H

快速查找 Ctrl + F3

快速查找全部 Alt+ F3

快速增加查找下一个 Ctrl + D (Select(选择))

快速跳过下一个 Ctrl + K + D

Ctrl + E

Ctrl + Shift + E

Ctrl + Shift + F

e) View(视图)

显示/隐藏侧边栏 Ctrl + K + B

显示/隐藏控制栏 Ctrl +`

显示/隐藏菜单栏 Alt

全屏(含侧边栏、菜单栏、导航区) F11

无干扰全屏(只含菜单栏) Shift + F11

f) Goto(跳转

Goto Anything(待下面详解)

g) Tools(工具)

命令模式 Ctrl + Shift + P(待下面详解)

Goto Anything详解

开发一个大型的系统,想要在系统中找到index.html,如何操作?

一般情况下,点击side Bar 一层层点开文件找到index.html,大型的系统文件嵌套层次比较深的话,使用Goto Anything,大大加快了速度。

1.Ctrl + P 在输入框中输入index.html,为我们找到匹配的文件。

2.知道目录结构,可以输入 文件夹/index.html.

3.支持模糊匹配,

4.提供符号功能,帮助我们在文件内部进行导航。

【css文件(@body)找选择器。】

【js文件(@)找函数。】

  组合使用:(模糊匹配和符号功能)

public/css/[email protected]

多行游标功能

1. 选择mode  : ctrl + d

2. 选择{  : ctrl + k   ctrl + d

3. 选择单词 green

a) 第一种方式(单词选择) ctrl + d,ctrl + k 跳过某个再 Ctrl + D

b) 第二种方式(多选) Alt + F3

c) 第三种方式(拆行) Ctrl + A 全选 Ctrl + Shift + L

d) 第四种方式(使用鼠标拖拽)Shift + 鼠标右键

使用Esc 可以退出多行游标模式

命令模式

1. 切换语法模式(以js语法为例)

a) 点击右下方

b) 命令模式(Ctrl + Shift + P)打开,输入set syntax javasctipt

同样输入支持模糊匹配,输入js同样可以。

c) 模糊匹配也可以帮我们查找我们需要的功能,比如想隐藏导航区minimap,我们不知道命令是什么,但是我们知道它的名字minimap,我们只要输入minimap回车就可以隐藏它了。

2. 实际开发应用中,尽量多地使用命令模式的好处

(1) 减少鼠标的使用率,加快编码速度

(2) 减少对快捷键的记忆

学以致用

演示html开发过程

1. Ctrl + N打开编辑区

2. 转换语法模式(命令模式)

a) Ctrl + shift + p

b) 输入sshtml

3. 编辑区输入< html>,闭合

a) Edit->Tag->Close Tag

b) 快捷键Alt + >

c) 插件Emmet   直接输入叹号!,接着 Ctrl +E就生成一整段html代码。

ul>li*9.items$

Ctrl + E 或者 Tab

多行游标,选择特征符号>< ,Alt + F3 全选

左右方向键←/→进行定位

同时编辑多行,输入h2 (大括号里面是内容)

Ctrl + E 或者 Tab 确定完成

添加javascrip代码,在title下面,输入script,Ctrl + E或者Tab,光标在</script>前方

我们需要在上一行编辑内容,Ctrl + Shift + Enter

我们不打算编辑js代码,而是从其他文件中复制这是实际开发中非常常见的,Ctrl +C 和 Ctrl + V。

Goto Anything找到想要拷贝的js文件,Ctrl + P。

选择需要的代码,Ctrl +C

Ctrl + V 是简单的复制,代码格式很糟糕。

保持缩进粘贴,Ctrl + Shift + V

Package Control

Package Control管理插件

安装Package Control 网址 https://packagecontrol.io/

View->Show Console 或者快捷键 Ctrl + ` 打开控制台

拷贝安装代码,回车安装完成

SUBLIME TEXT 3

import urllib.request,os,hashlib; h = ‘eb2297e1a458f27d836c04bb0cbaf282‘ + ‘d0e7a3098092775ccb37ca9d6b2e4b7d‘; pf = ‘Package Control.sublime-package‘; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( ‘http://packagecontrol.io/‘ + pf.replace(‘ ‘, ‘%20‘)).read(); dh = hashlib.sha256(by).hexdigest(); print(‘Error validating download (got %s instead of %s), please try manual install‘ % (dh, h)) if dh != h else open(os.path.join( ipp, pf), ‘wb‘ ).write(by)

SUBLIME TEXT 2

import urllib2,os,hashlib; h = ‘eb2297e1a458f27d836c04bb0cbaf282‘ + ‘d0e7a3098092775ccb37ca9d6b2e4b7d‘; pf = ‘Package Control.sublime-package‘; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( ‘http://packagecontrol.io/‘ + pf.replace(‘ ‘, ‘%20‘)).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), ‘wb‘ ).write(by) if dh == h else None; print(‘Error validating download (got %s instead of %s), please try manual install‘ % (dh, h) if dh != h else ‘Please restart Sublime Text to finish installation‘)

Ctrl + Shift + P命令模式,输入 pc 模糊匹配 Package Control

  

最常用的是安装新插件Package Control:Install Package

命令模式输入pci快速模糊匹配Package Control:Install Package

  

Sublime支持自定义主题,是其如此受欢迎的原因之一, theme插件

1. 直接命令模式theme模糊匹配找到主题

a) theme -Soda

b) theme -Flatland

c) theme-spacegray等等

可以在官方网站,看主题的样式 https://packagecontrol.io/browse/labels/theme

安装步骤:

1. Ctrl + Shift + P命令模式,输入pc模糊匹配Package Control->Package Control:Install Package

2.输入theme-spacegray,回车进行安装

安装完成之后,会自动有一些使用说明。

  

将配置信息复制到我们的用户配置信息中

  

打开用户配置信息 Preferences->Settings-User

  

  

将复制的内容拷贝进来

  

  

保存,Sublime立即响应主题

  

snippets以模板的方式编程

使编程更快,并保持一种良好的编程风格

辅助技巧

辅助技巧1:advanceNewfile 创建文件 快捷键  Ctrl + Alt +N

辅助技巧2:httpRequest  服务器端http请求 快捷键  Ctrl + Alt +R

辅助技巧3:nettus fetch 管理/更新类库 快捷键  Ctrl + Alt +R

辅助技巧4:sidebarenhancement  侧边栏功能 快速在浏览器中查看html文件效果

快速添加注释

DOCblock /** + Tab

语法校验

Lint插件

sublimeLint

jslint

时间: 2024-10-16 15:52:12

Sublime Text 快捷键及使用技巧的学习整理的相关文章

WebStrom、Sublime Text快捷键及使用技巧(补充ing...)

共有的快捷键 Ctrl + / 注释当前行.选中一整段代码,然后执行此操作,就可以在这段代码每行之前添加“//”,达到注释的目的. Ctrl + Shift + /            在当前位置添加块注释.生成“/**/” Sublime的快捷操作 Ctrl + n 新建文件. F11 全屏. WebStrom的快捷操作 Ctrl + Shift + f 全局搜索.WebStrom中全局搜索,可以搜索整个工程或某个目录. Sublime插件 DocBlockr. 方便快捷的添加注释,函数头的

Sublime Text 有哪些使用技巧

1. 更改变量名的几种方法&lt;img src="https://pic4.zhimg.com/d93cf0e8987e0117f3a3187cfe8e53fb_b.jpg" data-rawwidth="153" data-rawheight="46" class="content_image" width="153"&gt;这种情况下该如何快速选中正确的内容?第一种方法:让 Cmd-D

Sublime Text 常用的16 个 Sublime Text 快捷键

在我做了一次包含一些现场编码的演示后,一些观众问我是如何操作这么快.当然这里没有唯一的答案,答案是一堆简单的快捷键和大量的实践的组合.为了回应那些询问,我觉得有必要看看我每天想都不用想且使用的快捷键. 这里有一个15 16 个快捷键的精选列表(1个自定义快捷键),以gif动画展示,我每天使用.享受吧! (译者注:原文所列快捷键均为OS X环境,为了方便Windows和Linux环境童鞋的学习,译者将备注Windows和Linux下对应的快捷键) 选择 选择一个选中项的下一个匹配项 选择一个选中项

Sublime Text 2 入门及技巧

Sublime Text 2 入门及技巧 看了 Nettuts+ 对 Sublime Text 2 的介绍,立刻就兴奋了,诚如作者 Jeffrey Way 所说:“<永远的毁灭公爵>都发布了,TextMate 2 还没发”,你还能指望它么?TextMate 开发者的消极态度已经无法让人忍受了.而作为一款跨 OS X.Linux 和 Windows 三大系统平台的文字编辑器,Sublime Text 2 功能日进,大有取 TextMate 而代之的势头, 以下就将 Nettuts+ 的这篇文章做

Sublime Text快捷键

Ctrl+Shift+P:打开命令面板 Ctrl+P:搜索项目中的文件 Ctrl+G:跳转到第几行 Ctrl+W:关闭当前打开文件 Ctrl+Shift+W:关闭所有打开文件 Ctrl+Shift+V:粘贴并格式化 Ctrl+D:选择单词,重复可增加选择下一个相同的单词 Ctrl+L:选择行,重复可依次增加选择下一行 Ctrl+Shift+L:选择多行 Ctrl+Shift+Enter:在当前行前插入新行 Ctrl+X:删除当前行 Ctrl+M:跳转到对应括号 Ctrl+U:软撤销,撤销光标位置

Sublime Text 快捷键的使用

Sublime Text 快捷键的使用 快捷键列表(Shortcuts Cheatsheet) 我把本文出现的Sublime Text按其类型整理在这里,以便查阅. 通用(General) ↑↓←→:上下左右移动光标,注意不是不是 KJHL ! Alt:调出菜单 Ctrl + Shift + P:调出命令板(Command Palette) Ctrl + ` :调出控制台 编辑(Editing) Ctrl + Enter:在当前行下面新增一行然后跳至该行 Ctrl + Shift + Enter

Sublime Text 快捷键--持续更新

快捷键 功能 说明 ctrl+D 选取一个单词连续按组合键会选择页面所有相同的这个单词   ctrl+Z 撤销上一个操作   ctrl+Y 恢复上一个操作   ctrl+shift+F 底部打开搜索全部文件的某个单词,并有替换功能 ESC键取消当前窗口 ctrl+shift+m 选取光标开始到行末的位置,按第二次m时候向外包括括号   ctrl+shift+p  打开设置当前页面信息比如set syntax:html 设置页面语言类型                            emm

【知识学习】Sublime Text 快捷键精华版

1 Sublime Text 3 快捷键精华版 2 Ctrl+Shift+P:打开命令面板 3 Ctrl+P:搜索项目中的文件 4 Ctrl+G:跳转到第几行 5 Ctrl+W:关闭当前打开文件 6 Ctrl+Shift+W:关闭所有打开文件 7 Ctrl+Shift+V:粘贴并格式化 8 Ctrl+D:选择单词,重复可增加选择下一个相同的单词 9 Ctrl+L:选择行,重复可依次增加选择下一行 10 Ctrl+Shift+L:选择多行 11 Ctrl+Shift+Enter:在当前行前插入新行

动图展示16个Sublime Text快捷键用法 ---------------物化的sublime

在我做了一次包含一些现场编码的演示后,一些观众问我是如何操作这么快.当然这里没有唯一的答案,答案是一堆简单的快捷键和大量的实践的组合.为了回应那些询问,我觉得有必要看看我每天想都不用想且使用的快捷键. 这里有一个15 16 个快捷键的精选列表(1个自定义快捷键),以gif动画展示,我每天使用.享受吧! (译者注:原文所列快捷键均为OS X环境,为了方便Windows和Linux环境童鞋的学习,译者将备注Windows和Linux下对应的快捷键) 选择 选择一个选中项的下一个匹配项 选择一个选中项