Sublime Text 快捷键 & 插件 & 常见错误

以你之姓@ 2022-04-16 06:28 275阅读 0赞

## 快捷键 ##

#### 1. 选择 ####

*  `shift+ctrl+←或→` 相当于双击鼠标选中
 *  `Ctrl+L` 选择行，重复可依次增加选择下一行
 *  `Ctrl+Shift+L` 选择多行，每行尾出现光标
 *  `Ctrl+Shift+M` 选中当前括号内容，重复可选中括号本身（js和css）
 *  `ctrl+shift+a` 光标停在文本上，选择包裹文本的元素，多次按，依次向上层选择
 *  `ctrl+shift+’` 选择与光标关联的开始和结束标签
 *  `Shift+右键拖动` 块选择，多光标

#### 2. 编辑 ####

*  `ctrl+shift+↑或↓` 上移或下移行
 *  `Ctrl+Shift+K` 删除整行
 *  `Ctrl+Enter` 光标后插入行
 *  `Ctrl+Shift+Enter` 光标前插入行
 *  `Alt+.` 闭合标签
 *  `alt+shift+w` 用标签包裹行或选中项
 *  `ctrl+shift+;` 移除光标位置的父标签

#### 3. 注释 ####

*  `ctrl+/` 注释选中项/行
 *  `Ctrl+Shift+/` 当前位置插入注释（无选中时，注释光标位置的父标签）

#### 4. 复制粘贴 ####

*  `ctrl+shift+d` 复制选中文本，或者没有选中文本时复制整行
 *  `ctrl+shift+v` 粘贴并保持缩进

#### 5. 大小写 ####

*  `ctrl+K then U,ctrl+K then L` 大写和小写

#### 6. 排版 ####

*  `ctrl+[或]` 增加和减少缩进（无需回到行首使用Tab）
 *  `Ctrl+Shift+[` 折叠代码
 *  `Ctrl+Shift+]` 展开代码

#### 7. 修改数字 ####

*  `ctrl+↑或↓` 以1为步长改变数字
 *  `alt+shift+↑或↓` 以10为步长改变数字
 *  `alt+↑或↓` 以0.1为步长改变数字

#### 8. 编辑器布局 ####

*  `Alt+Shift+数字` 分屏显示
 *  `Ctrl+K+B` 开关侧栏

#### 9. 快速定位 ####

*  `Ctrl+R` 快速定位到method

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

## 插件 ##

#### 1. Emmet ####

*  写Html好用到爆
 *  用法总结：https://www.cnblogs.com/jesse131/p/4978966.html
 *  总记不住的一个单词`Lorem`：写这个单词，按`Ctrl+E`，可快速生成填充文字
 *  禁用emmet的tab键功能：`"disable_tab_abbreviations": true`，请使用 ctrl+e，系统自带的 tab 功能还是可圈可点的。

#### 2. HTML/CSS/JS prettify ####

*  用于HTML/CSS/JS的格式化
 *  需要node.js的支持
 *  只需要简单的`Ctrl+Shift+H`即可格式化代码

#### 3. IMESupport ####

*  使用Sublime Text时，输入中文遇到问题：输入框始终保持的屏幕的下方，无法跟随光标移动。使用该插件即可解决问题。

#### 4. Better Completion ####

*  全能代码提示

#### 5. QuoteHTML ####

*  作用：把HTML拼接成js插入字符串
 *  按ctrl+shift+P使用

#### 6. ConvertToUTF8 ####

*  GBK编码兼容

#### 7. [Markdown Code Blocks][] ####

*  A tiny plugin that helps with inserting Markdown code blocks inside your files.
 *  使用方法：Search for the Markdown Code Blocks: Add Block command, and type in your desired language name.

#### 8. [LiveStyle][] ####

*  结合使用sublimet text livestyle插件和Chrome livestyle插件，可实现实时预览、双向修改等功能。

#### 9. vue-syntax-highlight ####

*  vue语法高亮插件
 *  使用方法：ctrl+shift+p -> Set Syntax:Vue Component

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

## Tips ##

1.  鼠标落在变量后，ctrl+D或者alt+F3操作，可选中所有变量，不包括非变量的相同单词
2.  Emmet插件并不仅仅支持ctrl+E，按Tab更方便

## 常见问题 ##

#### 1. There are no packages available for installation ####

**错误排查**：按ctrl+\`，视图->显示/隐藏控制台，打开控制台，尝试package install，可看到控制台输出如下错误：

Package Control: Error downloading channel. 
    URL error [WinError 10060] 由于连接方在一段时间后没有正确答复或连接的主机没有反应，连接尝试失败。 
    downloading https://packagecontrol.io/channel_v3.json.

可发现https://packagecontrol.io/channel\_v3.json无法打开，channel\_v3.json文件下载失败。  
**解决办法**：https://github.com/HBLong/channel\_v3\_daily

1.  点击 Preferences > Package Settings > Package Control > Settings - User（注意是Package Control插件的设置，不是sublime text的设置）
2.  添加 “channels”: \[“https://raw.githubusercontent.com/HBLong/channel\_v3\_daily/master/channel\_v3.json”\],

#### 2. 关闭更新提醒 ####

在首选项->设置中：

"update_check": false,

#### 3. 设置行间距 ####

"line_padding_bottom": 2,
    "line_padding_top": 2,

#### 4. 设置当前行高亮 ####

"highlight_line": true,

[Markdown Code Blocks]: https://github.com/molnarmark/markdowncodeblocks
[LiveStyle]: http://livestyle.io/