Sublime Text 3 学习总结(一)

1、特征:自动保存编辑的文字、自动识别文件类型、直接打开图片

2、常用快捷键总结:

打开新文件:Ctrl+N

复制一行:Ctrl+Shift+D                                Edit->line->Duplicate Line

删除一行:Ctrl+Shift+K                                Edit->line->Delete Line

注释代码:Ctrl+/                                          Edit->Coment->Toggle Coment

在前面插入新行:Ctrl+Shift+Enter                  Edit->Text->Insert Line Before

在后面插入新行:Ctrl+ Enter                          Edit->Text->Insert Line After

选择某一行:Ctrl+L                                       Selection->Expand Selection to line

选择某个单词:Ctrl+D                                   Selection->Expand Selection to word

查找:Ctrl+F                                               Find->find

迅速跳转:Ctrl+P                                         Goto->Goto Anything

打开命令行:Ctrl+Shift+P                             Tools->Command Palette

查找替换:Ctrl+H

插入一个闭标签 Alt+.

全选相同的元素:Alt+F3

快速生成标签:script      +    Ctrl+E

保持缩进的粘贴:Ctrl+Shift+V

3、Goto Anything的应用

(1)css文件中快速找到选择器      输入@符号

(2)js文件中快速找到函数         输入@符号

(3)对页面的匹配                 输入#

疑问:如何快速找到文件

4、打开命令行:Ctrl+Shift+P的应用

(1)更改文件类型:

输入css,当前文件更改为css类型

输入js,当前文件更改为js类型

5、多行游标

(1) 选择一个单词->Ctrl+D

注:

跳过一个单词:Ctrl+K  Ctrl+D

全选:Alt+F3

(2)按下shift+鼠标右键点击

注:按下esc退出多行游标

6、使用emmet插件

(1)!+  Ctrl+E   创建一个html5标准文档

(2) Ctrl+E

$代表序号  >代表生成子元素    .tem代表子元素的类

注:

增加缩进

减少缩进

ctrl+ { 键

时间: 2024-10-17 02:09:41

Sublime Text 3 学习总结(一)的相关文章

sublime text 2 学习(一):快捷键

初用sublime text 2,还不错,不装任何插件,能很好的编辑javascript,css,html,很赞.整理一下快捷键:常用的比如Ctrl+S就不列了:而且只列举Windows的. Ctrl+W 关闭当前页签,很通用.Ctrl+Shift+W关闭所有页签,估计能猜到. Ctrl+Shift+v 粘贴并且格式化,比较实用. Ctrl+[ 减少缩进Ctrl+] 增加缩进 Ctrl+k,Ctrl+u 先按Ctrl+K,再按Ctrl+U,大写,这有点不习惯Ctrl+k,Ctrl+l 小写 ct

sublime text 2学习(二):创建可复用的代码片段

对于前端工程师来讲,写一个html页面的基本结构是体力活,每次去拷贝一个也麻烦,sublime text 2 提供了一个很好的复用代码片段.下面介绍一下创建一个html5的代码片段的过程. 在菜单上点击Tools -> New Snippet,会新建一个xml文件页签: <snippet> <content><![CDATA[ Hello, ${1:this} is a ${2:snippet}. ]]></content> <!-- Optio

Sublime Text:学习资源篇

官网 http://www.sublimetext.com/ 插件 https://packagecontrol.io 教程 Sublime Text 全程指南 Sublime Text 2 入门及技巧 Sublime Text 使用介绍.全套快捷键及插件推荐 Sublime Text 3 学习及使用 Sublime Text 3 使用心得 Sublime Text 3 新手上路:必要的安裝.設定與基本使用教學 Perfect Workflow in Sublime 2 6 Ways to Tu

sublime text 2学习(一):创建可复用的代码片段

对于前端工程师来讲,写一个html页面的基本结构是体力活,每次去拷贝一个也麻烦,sublime text 2 提供了一个很好的复用代码片段.下面介绍一下创建一个html5的代码片段的过程. 在菜单上点击Tools -> New Snippet,会新建一个xml文件页签: 1 <snippet> 2 <content><![CDATA[ 3 Hello, ${1:this} is a ${2:snippet}. 4 ]]></content> 5 <

学习web前端之神器sublime text 3

第一次在博客园写博客,以前都是看别人写的技术在自己慢慢的学习.现在想自己把每天学习的东西理解并记录下来,加深下印象以后可以做个回顾.不知道自己能否坚持每周至少写2篇博文. 古话说的好:工欲善其事,必先利其器.所以我们要找到一个神器来帮助我们更好的学习前端开发,要么记事本怎么样?不错是不错估计要写到猴年马月了. 百度一搜,web前端开发利器有很多,比如:EditPlus,Dreamweaver,HBuilder,Webstorm,Aptana Studio,Sublime text,这么多最后我还

sublime text学习笔记

百度一下,sublime text,第一个就行. 它好不要脸啊,不过是真的能爱上它.安装也是一顿next就行了. 我觉得我需要的第一个就是能安装插件.首先就是在控制台中键入如下代码: 选择你所使用的版本.链接是:https://packagecontrol.io/installation#st2 回车等待,然后看到 这个就是完成了.需要重启sublime text.暂时我需要一个美化代码的插件,所以就先输入如下命令 然后在弹出的窗口中输入pretty 选择HTML-CSS-JS Prettify

Python 学习之一:在Mac OS X下基于Sublime Text搭建开发平台包含numpy,scipy

1 前言 Python有很多IDE可以用,官方自己也带了一个,Eclipse也可以.但我在使用各种IDE之后,发现用Sublime Text是最好用的一个.因此,我都是用Sublime Text来编写Python程序. 那么整个搭建其实非常简单.考虑到接下来要做的是科学研究,我们也同时安装numpy,scipy,matplotlib等插件. 2 开发环境 Macbook Pro Mac OS X 10.10 3 Step-by-Step 搭建 Step 1 安装Python 2.7 这个到官网下

Python 学习之中的一个:在Mac OS X下基于Sublime Text搭建开发平台包括numpy,scipy

1 前言 Python有许多IDE能够用,官方自己也带了一个,Eclipse也能够. 但我在使用各种IDE之后,发现用Sublime Text是最好用的一个.因此.我都是用Sublime Text来编写Python程序. 那么整个搭建事实上很easy.考虑到接下来要做的是科学研究,我们也同一时候安装numpy.scipy,matplotlib等插件. 2 开发环境 Macbook Pro Mac OS X 10.10 3 Step-by-Step 搭建 Step 1 安装Python 2.7 这

【知识学习】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:在当前行前插入新行