[工具] Sublime Text 使用小技巧

Sublime Text

Sublime Text 是收费的, 不过可以一直免费试用, Sublime Text 官网

点击 Cancel 可以继续试用

把 Sublime Text 当做 记事本, 超级好用,
有人喜欢装插件把它配置成 IDE, 然后就有了 VSCode Atom SublimeText 之争

文章基于 Mac OS 操作, Windows 请切换对应的快捷键

安装 PackageControl

安装插件前先安装 Package Control

1. 按下键 Command + Shift + P 调出命令面板
2. 输入 package 找到 install Package Control 这一项，回车
   Package Control
3. 稍后提示 Package Control was successfully installed ...
4. 接下来就随心所欲的安装插件

插件

• Pretty JSON 格式化 JSON, 快捷键: control + option + J
• MarkdownPreview 用浏览器预览 Markdown 文件, 快捷键: option + M
• HTML-CSS-JS Prettify 格式化 HTML / CSS / JS, 快捷键: command + shift + H

安装 JSON 插件 Pretty JSON

1. 按下键 Command + Shift + P 调出命令面板
2. 输入 install, 选择 Package Control: Install Package 回车
   package
3. 输入 json 找到 Pretty JSON 回车
   Pretty JSON

4. 注意观察左下角, 安装完就恢复正常了

   
   Installing
5. Sublime text - Preferences - Key Bindings 设置快捷键 control + option + J

[
    { "keys": ["ctrl+alt+j"], "command": "pretty_json"}
]

安装 Markdown 插件 MarkdownPreview

1. 按下键 Command + Shift + P 调出命令面板
2. 输入 install, 选择 Package Control: Install Package 回车
3. 输入 markdown 找到 MarkdownPreview 回车
4. 注意观察左下角, 安装完就恢复正常了
5. Sublime text - Preferences - Key Bindings 设置快捷键 option + M

[
    { "keys": ["ctrl+alt+j"], "command": "pretty_json"},
    { "keys": ["alt+m"], "command": "markdown_preview", "args": { "target": "browser"} }
]

安装 HTML 插件 HTML-CSS-JS Prettify

HTML-CSS-JS Prettify 需要 node.js 支持

1. 按下键 Command + Shift + P 调出命令面板
2. 输入 install, 选择 Package Control: Install Package 回车
3. 输入 html 找到 HTML-CSS-JS Prettify 回车
4. 注意观察左下角, 安装完就恢复正常了
5. Sublime text - Preferences - Package Settings - HTML/CSS/JS Prettify - Keyboard Shortcuts - Default 默认快捷键 command + shift + H

[{
  "keys": ["super+shift+h"],
  "command": "htmlprettify"
}, {
  "keys": ["super+alt+h", "p"],
  "command": "htmlprettify_set_prettify_prefs"
}, {
  "keys": ["super+alt+h", "o"],
  "command": "htmlprettify_set_plugin_options"
}, {
  "keys": ["super+alt+h", "k"],
  "command": "htmlprettify_set_keyboard_shortcuts"
}, {
  "keys": ["super+alt+h", "n"],
  "command": "htmlprettify_set_node_path"
}]

插件卸载

1. 按下键 Command + Shift + P 调出命令面板
2. 输入 remove, 选择 Package Control: Remove Package, 回车
3. 找到想要卸载的插件回车即可