Skip to content

Instantly share code, notes, and snippets.

@599316527
Created August 29, 2014 09:22
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save 599316527/d80e24c34d82410bb029 to your computer and use it in GitHub Desktop.
Save 599316527/d80e24c34d82410bb029 to your computer and use it in GitHub Desktop.
SublimeText-玩家指南

建议安装的插件

  • Emmet - 神器不解释,不了解的建议去官网学习一下文档,熟练以后绝对大大加快 HTML/CSS 的书写。
  • LESS - Less 高亮插件。

建议配置

Preferences > Settings – User 中添加配置:

{
    "default_line_ending": "unix", // 换行符格式
    "ensure_newline_at_eof_on_save": true, // 文件最后保证有新行(保证不论如何合并文件都不会语法出错)
    "translate_tabs_to_spaces": true, // 自动将 tab 转换为空格
    "tab_size": 4,
    "trim_trailing_white_space_on_save": true // 保存时删除所有行尾的连续空格
}

常用操作技巧

这里的快捷键都是 Windows 下的,OS X 用户请自行查找对应快捷键。

  • 多重选区

    ST 中有多重编辑的功能,可以同时在 n 个光标位置进行编辑(类似小时候罚抄的时候手握一排笔的那种快感)。和多数文件系统一样,支持按住 Ctrl 进行多重选择(还有很多方法创建多重选区)。

  • Ctrl + D

    光标无选择时,会选中当前的一个单词。当有选中一部分内容时按下,会选中文件中的下一段相同内容。这时你会有两个选区,每一步操作都是所有选区同步的,这会使修改变量名等操作非常方便。继续按 Ctrl + D,会继续加入下一段内容。

  • Ctrl + Shift + L

    在选择了多行内容时按下,会将每一行分开成为多个选区,方便对多行进行同步操作。

  • Home

    回到行首。注意行首有空格时会自动回到第一个非空格的字符前,再按一下才会回到行首。

  • 设定语言环境

    ST 会在打开文件的时候自动选择合适的语言环境,来进行代码高亮等操作。但有时不一定会成功(比如不认识的后缀、新建文件还没起名字等等),此时需要手动指定。方法为 Ctrl + Shift + P 调出命令面板,输入 SSCSS(Set Syntax CSS)、SSJS(Set Syntax JavaScript)等进行指定。

举个例子,一个对象的 key 都是放在引号内的,像这样:

{
    "id": 1,
    "name": "Steve Rogers",
    "role": "Captain America",
    ... // 还有 n 行
}

我们需要按编码规范去掉它们,像这样:

{
    id: 1,
    name: "Steve Rogers",
    role: "Captain America",
    ... // 还有 n 行
}

可以这么操作(只是一个例子,提供一些思路):

  1. 鼠标框选花括号内部的所有行;
  2. Ctrl + Shift + L,打散成多个选区;
  3. Home > ,移动到第一个双引号的右侧;
  4. Ctrl + D,选中所有 key;
  5. Ctrl + X
  6. Del,ST 会自动删除匹配的括号;
  7. Ctrl + V,大功告成。
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment