Sublime 使用

作者：: truesnow
发布于：: 10个月前
收录于：: 工具使用
: 222 0

摘要：Sublime 编辑器的快捷键和常用设置

[TOC]

# 快捷键

| 快捷键 | 功能 |
| --- | --- |
| CTRL+P | 跳转到输入的文件名 |
| CTRL+【+】 CTRL+【-】 | 缩放 |
| ALT + 【+-】 | 回到上一个光标处 |
| CTRL+SHIFT+P SSHTML | Set Syntax：设置文档的语言，如【ssjs】表示设置语言为JavaScript |
| CTRL+R | 打开outline |
| CTRL+SHIFT+P | 命令模式 |
| CTRL+SHIFT+[：折叠代码 CTRL+SHIFT+]：展开代码 将鼠标移动到行数前 | 折叠代码 | 
| subl | 终端打开sublime |
| ALT+SHIFT+2 菜单栏 ：View - Layout - Columns 2 View - Move File to Group - Group 2 | sublime将视图分为两列 |
| ALT+SHIFT+W | 用标签包裹行或选中项 |
| CTRL+K+U：大写 CTRL+K+L：小写 | 大写和小写 | 
| lorem | 生成无意义文字 |
| CTRL+D | 选中相同项 |
| ALT+F3 | 选中一个文件中的所有相同项 |
| CTRL+SHIFT+A | 向上扩展一层 |
| CTRL+SHIFT+M | 选中括号内的所有内容 |
| CTRL+SHIFT+向上箭头：整行上移 CTRL_SHIFT+向下箭头：整行下移 | 整行上下移动 |
| CTRL+SHIFT+D | 复制选中项，没选则复制光标所在行到下一行 |
| CTRL+[：减少缩进 CTRL+]：增加缩进 | 增加或减少缩进 |
| CTRL+X | 剪切单行或选中项 |
| CTRL+SHIFT+V | 粘贴并复制格式 |
| CTRL+SHIFT+; | 去除选中元素包裹标签 |
| CTRL+/ | 注释选中行 |
| View-Show Console | 打开控制台 |
| Preferences->Browse Packages | 打开插件安装包目录 |
| CTRL+SHIFT+T | 打开当前页面目录的控制台，前提：安装了Terminal插件 |
| CTRL+SHIFT+H | 对选中代码快速排版，前提：安装了HTML/CSS/JS Prettify插件 |
| 将文件夹直接拖到sublime | 在同一个窗口打开文件夹 |
| CTRL+ALT+J | 查看Json数据 |

# 设置

打开用户设置：*Preferences->Settings-User->Preferences.sublime-Settings*

## 设定 TAB 为4个空格并将 TAB 转换为空格
```
"tab_size": 4,
"translate_tabs_to_spaces": true,
```

## 显示非打印字符：TAB 和空格
```
"draw_white_space": "all"
```

## 一键浏览文件

mac os 下配置：

```
[
//firefox
{
    "keys":[
        "f1"
    ],
    "command":"side_bar_files_open_with",
    "args":{
        "paths":[
        ],
        "application":"/Application/Firefox.app",
        "extensions":".*"
    }
},
//chorme
{
    "keys":[
        "f2"
    ],
    "command":"side_bar_files_open_with",
    "args":{
        "paths":[
        ],
        "application":"/Application/Google Chrome.app",
        "extensions":".*"
    }
},
//safari
{
    "keys":[
        "f3"
    ],
    "command":"side_bar_files_open_with",
    "args":{
        "paths":[
        ],
        "application":"/Application/Safari.app",
        "extensions":".*"
    }
},
// 资源管理器
{
    "keys": [
        "alt+o"
    ],
    "command": "open_dir",
    "args": {
        "dir": "$file_path",
        "file":"$file_name"
    }
}
]
```

稍微解释下，keys是按键，application是浏览器应用程序路径，注意反斜杠的要转义。extensions是匹配所有的文件后缀格式。
> Tips:查了下默认的快捷键，SublimeText3中f1-f12中只有f11被默认为全屏命令，其他的没设置。也就是说，你可以装十个八个浏览器一字排开按过去测试。

## 关闭自动更新
```
"update_check":false
```

## 忽略依赖目录
```
    "folder_exclude_patterns": [
        ".svn",
        ".git"
    ]
```

## 自动移除行尾多余空格
```
"trim_trailing_white_space_on_save": true
```

## 当前行自动高亮
```
"highlight_line": true
```

## 侧边文件夹显示加粗，区别于文件
```
"bold_folder_labels": true
```

## 高亮区分未保存文件
```
"highlight_modified_tabs": true
```

## 在底部状态栏显示文件编码和换行格式
```
	// Display file encoding in the status bar"
	"show_encoding": true,
	// Display line endings in the status bar"
	"show_line_endings": true
```

## Sublime 编译 PHP
> [在 Sublime Text 2 中运行 PHP](https://segmentfault.com/a/1190000000395951  )

step1：将PHP目录添加到环境变量中
step2：Tools ==> Build System ==> New Build System
step3：添加如下配置

```
{
"cmd": ["php", "$file"],
"file_regex": "php$",
"selector": "source.php"
}
```

step4：保存文件，文件名改为php.sublime-build
step5：重启电脑（windows），Linux在终端输入`bash`
step6：编写一个测试文件test.php
step7：CTRL+B 编译，控制台查看输出

## `subl` 快捷命令行
- MacOS

```
ln -s "/Applications/Sublime Text.app/Contents/SharedSupport/bin/subl" /usr/local/bin/subl
```

- Windows：将安装目录添加到系统环境变量

## 设置特定扩展名文件的默认语法
点击 sublime 右下角：
![](http://pb8quxvbv.bkt.clouddn.com/images/201807/wH1lBH5syodXMEe.png)

然后点击弹出菜单最上方的选项选择默认语法：
![](http://pb8quxvbv.bkt.clouddn.com/images/201807/LTtPiSM3AlcDXNF.png)

文章目录

Sublime 使用

所有评论（0）