2015-12-16

我的sublime text3

题记

作为前端一年多来，用过几款编辑器，hbuilder，notepad++，sublime， webstorm等。其他的没有用是因为，我刚开始入门的时候由于是在学python，用的notepad++，后来转成前端之后，就顺手用了它，第一想法是刚开始学习的时候，代码还是多自己码码比较好。之后随着自己的专业性增强，用了sublime text3，此乃神器也。当然，最专业的还是webstorm（折腾过一段时间）。
废话不说了，开始啦！

subliem的配置

{
    "auto_find_in_selection": true,
    "bold_folder_labels": true,
    "color_scheme": "Packages/Monokai Extended/Monokai Extended.tmTheme",
    "default_line_ending": "unix",
    "disable_tab_abbreviations": false,
    "draw_minimap_border": true,
    "ensure_newline_at_eof_on_save": true,
    "fade_fold_buttons": false,
    "font_face": "Microsoft YaHei Mono",
    "font_size": 17,
    "highlight_line": true,
    "highlight_modified_tabs": true,
    "ignored_packages":
    [
        "Markdown",
        "Markdown Preview",
        "Vintage"
    ],
    "save_on_focus_lost": true,
    "spell_check": true,
    "tab_size": 4,
    "translate_tabs_to_spaces": true,
    "trim_trailing_white_space_on_save": false,
    "word_wrap": "true"
}

sublime插件

1.Emmet

emmet
只要输入，然后直接tab就ok了，或者你可以禁用tab键实现，可以快捷键ctrl+e。

2.Alignment

alignment
用于书写对其的。为了和qq的截图快捷键冲突。快捷键修改成：ctrl+alt+b。

3.bracket highlighter

bracket
用以提示标出括号、标签等的起始对应位置。

4.compare

用于比较两个文件的不同之处，可以用于协同代码的时候，看看做了哪些修改等。

5.filediffs

知道是用查看文件的不同地方的，暂时还没有玩会。

6.git

与diyhub挂钩的，不解释

7.jsFormat

jsFormat
js格式化工具。上图的代码是混淆处理过的，所以可读性很差，这个功能其实和chrome的tools中的格式化是一样的。

8.livestyle

配合chrome实现页面修改，倍儿爽！
chrome要安装livestyle的扩展应用。然后在控制台console后面会出现livestyle一栏。

9.markdownEditing和onmimarkdownpreview

这两个不解释！

10.modific

modific
看到文件名那个地方变色了吗？再也不会搞混哪个修改保存了没有了。

11.quoteHTML

quotehtml
这个是把html的代码变成js的语法写html片段，复制后就可以直接引用到js的变量中了。
再也不用担心什么单引号双引号的问题了，他会自动转义，不会冲突。

12.SideBarEnhancements

sublime默认的是没有侧边栏的目录的，所以。。。

13.tag

标签自动补全

14.tortoiseSVN + git

这个，也不解释了。

15.autoprefixer

autoprefixer
写css3的时候经常需要加前缀来识别不同的哦浏览器。这个插件可以一tab键就ok啦。看图！

16.codeFormatter

代码格式化，支持很多语言

17.cssComb

csscomb
重新对css中属性排序。使代码更好看。

18.sublimerepl

这是一个很有用的插件，通过它可以配置很多语言的编译器，我用的python的话。

tools > sublimeREPL > 任选

如果要详细了解各个插件，可以到相应的官网查看，或者在sublime text3中安装之后再preference>packages setting中查看，有英语的相关信息。
关于插件，暂时就这么多了。下面来整理写常用的快捷键。

常用快捷键

练习快捷键的网址
默认的快捷键其实在软件中有：

preferences>key binding -default

常见window上的快捷键整理，转自知乎龚一峰的回答：

Alt+R : 开启正则表达式功能
Alt+Enter: 找到匹配目标后全部选择
Ctrl+R：前往 method（mac下⌘R）
Ctrl+M：跳转到对应括号
按Ctrl+Shift+上下键，可替换行
Ctrl+D：选择单词，重复可增加选择下一个相同的单词
Ctrl+L：选择行，重复可依次增加选择下一行
Ctrl+Shift+P：打开命令面板
Ctrl+P：搜索项目中的文件（mac下⌘P），在里面输入：
admi@auto 可以定位到相应文件夹(admin.html)下的相应方法（auto）。
Ctrl+G：跳转到第几行
Ctrl+W：关闭当前打开文件
Ctrl+Shift+W：关闭所有打开文件
Ctrl+Shift+V：粘贴并格式化
Ctrl+Shift+L：选择多行
Ctrl+Shift+Enter：在当前行前插入新行
Ctrl+X：删除当前行
Ctrl+U：软撤销，撤销光标位置
Ctrl+J：选择标签内容
Ctrl+F：查找内容
Ctrl+Shift+F：查找并替换
Ctrl+H：替换
Ctrl+N：新建窗口
Ctrl+K+B：开关侧栏
Ctrl+Shift+M：选中当前括号内容，重复可选着括号本身
Ctrl+F2：设置/删除标记
Ctrl+/：注释当前行
Ctrl+Shift+/：当前位置插入注释
Ctrl+Alt+/：块注释，并Focus到首行，写注释说明用的
Ctrl+Shift+A：选择当前标签前后，修改标签用的
F11：全屏
Shift+F11：全屏免打扰模式，只编辑当前文件
Alt+F3：选择所有相同的词
Alt+.：闭合标签
Alt+Shift+数字：分屏显示
Alt+数字：切换打开第N个文件
Shift+右键拖动：光标多不，用来更改或插入列内容
鼠标的前进后退键可切换Tab文件
按Ctrl，依次点击或选取，可需要编辑的多个位置
Ctrl+shift+D: 备份多个当前行
Ctrl+shift+T: 恢复已经关闭的标签

补充：
ctrl+；：在文件内词语定位
ctrl+r：函数定位