sublime Text3使用笔记

妖狐艹你老母 2022-07-16 07:37 207阅读 0赞

转载： [http://blog.csdn.net/u012771929/article/details/30030249][http_blog.csdn.net_u012771929_article_details_30030249]

1.setting

安装插件，**package control ，Emmet使用**

2.快捷操作

选择，编辑，搜索，显示

--------------------

## 1.settings ##

preferences>>settings default存储的默认格式信息；

preferences>>settings user可以自己配置信息，格式为json

### 1.1安装插件 ###

从官网下的版本是没有插件的，需要自己安装。

**package control 主题安装**  
1、进入官网。（sublime.wbond.net），点击install Now  
2、选择sublime的版本 然后复制下面的代码。

import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; 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)

3、进入sublime text 软件，选择view下的show console。

4、将代码粘贴进去按回车等待安装的完成。

**js以及jquery等插件安装**

1.  ctrl+shif+p掉出命令框，输入pci ,选择install package
2.  过一会会弹出对话框
3.  输入：Emmet,选择安装，可以自动提示html css代码。
4.  输入theme-选择合适主题
5.  输入js选择snippets
6.  输入jquery选择jquery自动提示

**Emmet使用**

1.  ctrl+n创建一个新文件，然后ctrl+shif+p掉出命令窗口，输入ssjs,即SetSyntax:javascript.表示当前文本语法为js。同理输入sshtml确认为html代码。
2.  选择了html语法后，输入!后按ctrl+e,自动生成html首尾，用tab键移动光标。
3.  输入ul>.item$\*10然后ctrl+e即可生成10行li。其中，>表示子集，.表示class,$表示序号。
4.  缩进：ctrl+\[或者ctrl+\]

## 2.快捷键 ##

**选择类**

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

**编辑类**

*  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+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 免打扰模式

[http_blog.csdn.net_u012771929_article_details_30030249]: http://blog.csdn.net/u012771929/article/details/30030249